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()来停止正常事件处理程序可能是一个好习惯。

传递给$()的选择器似乎无法正确查找表单。使用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;
    });
});

为什么禁用表单提交不起作用？

2 个答案: