3

你好！

我的问题如下：

验证插件对我来说很好，除了我不希望表单在它仍然无效时提交。

事实是，它验证并显示错误，但即使它无效，它也会提交。

证实

$("form#form-utilizadores").validate({
  rules:{
    nome:{
      required:true
    },
    utilizador:{
      required:true
    },
    password:{
      required:true
    },
    tipo:{
      required:true
    }
  }
});

提交

$('form#form-utilizadores').submit(function(e){
    e.preventDefault();
    var data = $(this).serialize();
    $.post('submit/submit-utilizadores.php',data,function(data){
      alert((data=='sucesso') ? 'Adicionado com sucesso!' : data);
      top.location.reload();
    }
  );
});

感谢您花时间帮助我！:)

4

3 回答 3

2

您应该将您拥有的代码$('form#form-utilizadores').submit()放入submitHandlerjQuery 验证设置的参数中，试试这个：

$("form#form-utilizadores").validate({
    rules: {
        // your current rules...
    },
    submitHandler: function(form) {
        var data = $(form).serialize();
        $.post(    
            'submit/submit-utilizadores.php',
            data,
            function(data) {
                alert((data=='sucesso') ? 'Adicionado com sucesso!' : data);
                top.location.reload();
            }
        );
    }
});

始终提交当前代码的原因是submit，无论表单是否有效，都会引发表单事件。通过submitHandler让 jQuery 验证控制是否发布表单，这取决于它的有效性。

于 2012-05-29T09:34:11.387 回答
2

尝试在您的提交处理程序中添加此代码：

$('form#form-utilizadores').submit(function(e){
    e.preventDefault();
    if($(this).valid() == false){
        return;
    }
    .
    .
    .
于 2012-05-29T09:39:05.563 回答
1

如果您的验证失败，则从提交中返回 false。

于 2012-05-29T09:30:41.730 回答