為什么此禁用表單提交不起作用？

Question

我只需要使用jQuery禁用表單提交即可。 但這是行不通的。

的HTML

<form action="" id="pro_register_form">
  First name:<br>
  <input type="text" name="firstname" value="">
  <br>
  Last name:<br>
  <input type="text" name="lastname" value="">
  <br><br>
  <input type="submit" value="Submit">
</form>

JS

$(document).ready(function(){
    $('pro_register_form').submit(function() {
      return false;
    });
});

---

JS小提琴： https : //jsfiddle.net/6wr7Lfdu/

Answer 1

工作小提琴https://jsfiddle.net/6wr7Lfdu/2/

$(document).ready(function(){
    $('#pro_register_form').submit(function(e) {
      e.preventDefault();
      return false;
    });
});

Answer 2

根據有關.submit（）的jQuery文檔：

...我們可以通過在事件對象上調用.preventDefault（）或從處理程序中返回false來取消提交操作。

最好通過在事件（回調的第一個參數.preventDefault()上調用.preventDefault()來停止常規事件處理程序。

似乎傳遞給$（）的選擇器未正確找到該表單。 使用id選擇器（即# ）查找表單元素：

$(document).ready(function(){
    $('#pro_register_form').submit(function(event) {
      //accept the event object as the first argument of our callback function

      //and call preventDefault on it to stop the form submission
      event.preventDefault();

      //returning false will also stop the form submission
      return false;
    });
});