防止使用jQuery提交表单

Question

我正在使用jquery验证表单，如下所示：

jQuery(document).ready(function(){
        jQuery('#adminform').validate({

        rules: {
          name: {
            minlength: 5,
            maxlength: 30,
            required: true
          },
          username: {
            required: true,
            minlength: 5,
            maxlength: 30
          }
        },
        highlight: function(label) {
            jQuery(label).closest('.control-group').addClass('error');
        },
        success: function(label) {
            label
                .text('OK!').addClass('valid')
                .closest('.control-group').addClass('success');
        },
        messages:{

          name: {
            required: "Enter your name"
          },
          username: {
            required: "Enter a username"
          } 
       }
      });     
});

现在，如果不符合规则，我应该如何防止提交表单？

当我单击提交按钮时，什么也不会发生。

Answer 1

要停止提交表单，请使用：

return false;

当您知道输入无效时。

Answer 2

阻止提交事件并保留在屏幕上

e.preventDefault();

那这个呢？

Answer 3

Prevent form submission using jQuery?

$('#myFormId').submit(function(event) {
     event.preventDefault();
 });

要么：

$('#myFormId').submit(function()
{
    return false;
});

Answer 4

您的代码很完美，只是需要一个提交触发器： http : //jsfiddle.net/uUdWN/

jQuery(document).ready(function() {
jQuery('#adminform').validate({
    rules: {
        name: {
            minlength: 5,
            maxlength: 30,
            required: true
        },
        username: {
            required: true,
            minlength: 5,
            maxlength: 30
        }
    },
    highlight: function(label) {
        jQuery(label).closest('.control-group').addClass('error');
    },
    success: function(label) {
        label.text('OK!').addClass('valid').closest('.control-group').addClass('success');
    },
    messages: {
        name: {
            required: "Enter your name"
        },
        username: {
            required: "Enter a username"
        }
    }
});


$("#adminform").submit(); // <-------------just triggered submit

});