如何在jQuery中的submit（）事件中退出脚本？

Question

如果任何字段值没有至少3个字符，我的简单表单验证脚本会输出JS alert()。出于某种原因，在alert()页面滚动到顶部而不是简单地无所事事之后。为什么呢？

$('submit_button').submit(function() {
  $(this).find('input:not(input[type=submit])').each(function() {
    if ($(this).val().length < 3) {
      alert('Please fill all fields');
      return false;
    }
  });
});

Answer 1

如果您希望浏览器不完成默认操作（例如 - 单击submit按钮时提交表单），则应在当前事件上使用preventDefault方法：< / p>

$('submit_button').submit(function(e) {
    ...
    ...
    if ($(this).val().length < 3) {
        e.preventDefault();
        alert('Please fill all fields');
        return false;
    }

  

请注意，我将e变量（将是提交事件）添加到函数中，以便能够阻止其中的默认操作。