表單如下:

// .html <form id="topics_new_form" method="post" action="/topics/new"><div class="form-group"><label for="exampleInputEmail1">選擇模塊</label><selecet class="form-control" name="module"><option value="share">分享</option><option value="question">問答</option><option value="offer">招聘</option><option value="client-T">客戶端測試</option></select></div><div class="form-group"><label for="topics_head">標題</label><input type="text" class="form-control" name="head" id="topics_head" placeholder="Head"></div> <div class="form-group"><label for="topics_content">內(nèi)容</label><textarea class="form-control" rows="3" name="content"></textarea></div><button type="submit" class="btn btn-default">Submit</button> </form>

使用jqurery…監(jiān)聽表單的提交事件.

// 若有node可以 npm install --save jquery // 若沒有,去官網(wǎng)下載 或者引入 cdn <script src="/node_modules/jquery/dist/jquery.js"></script> <script>$('#topics_new_form").on("submit", function(e) {// 阻止表單 同步 的POST方法e.preventDefault();// 格式化提交的數(shù)據(jù)var formData = $(this).serialize();console.log(formData);}) </script>

總結(jié)

以上是生活随笔為你收集整理的jquery --- 阻止表单默认的提交行为,标准化表单的数据的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。