Jquery Validation 不会阻止表单提交

Question

我正在使用 jquery 验证 1.9.0。我使用了最新的 Jquery 并回到了 1.6.0。结果没有变化

我的问题是这样的：当我故意输入错误的值（字符不足等）时，验证脚本会正确显示错误，但仍然允许提交脚本。 我尝试了验证方法，包括添加规则、规则和下面非常简单的表单类型。

<script>
jQuery.validator.setDefaults({
debug: true,
success: "valid"
});
</script>

<script>
$(function() {    
$("#comm").validate();

});
</script>

表格

<form action="comm.php" method="post" name="comm" id="comm">
Name: <input type="text" name="name" id="name"  minlength="3" class="required"  /> 
Email:<input type="email" name="email" id="email" class="required email" /> <br />
<label for="comment"> Comment </label> <br />

<textarea name="comment" id="comment" cols="80" rows="5" minlength="6" class="required" /></textarea> 
<?php
 date_default_timezone_set('America/New_York');
 $date = date("Y-n-j h:i:s");?>

 <input type="hidden" name="date" id="date" value="<?php echo $date; ?>" /> 
 <?php $post_id = $id;?>
 <input type="hidden" name="post_id" id="post_id" value="<?php echo $post_id; ?>" /> 
 <?php $ip = $_SERVER["REMOTE_ADDR"]; ?>

 <input type="hidden" name="ip" id="ip" value="<?php echo $ip; ?>" /> 

 <input type="submit" value="Post" name="post" id="post" /> <input type="reset" value="Reset Form" name="reset" id="reset" />
</form> 

非常简单的东西。

提交发生在我在网上的所有表单上，并且都在本地主机上。我总能发现错误，但从不阻止它们。我做错了什么？

Firebug 显示我正确提交并且没有脚本错误。所有 jquery 也都已连接。 Firebug 还向我展示了这个在表单 html 中提交 novalidate="novalidate" 之后。使用 onsubmit=return false 不会改变任何东西

我正在使用 ajax 提交表单，完美运行

$(function() {
    $("#comm").submit(function() {      
      var data = $('#comm').serialize();
      alert (data); return false;


        $.ajax({
            url: "comm.php",
            data: data,
            type: "POST",
            success: function(msg){
                if(msg){
                    $('.comme').prepend().html(msg).show();
                }else{
                    $('.comme').text("nothing came back");
                }
            }
        });
        return false;
    });
});

谢谢

Answer 1

尝试在单击提交按钮后进行 Ajax 处理，而不是使用 jQuery 表单提交，也许您仅通过 Ajax 提交表单数据。

$(function() {
  $("#post").click(function() {
    var data = $('#comm').serialize();

    // TODO: validate your data - $("#comm").validate();

    // TODO: submit your form though ajax

    // Other operations on form data

    return false;
  });
});

注意：如果表单提交是通过页面重定向进行的，请尝试使用“onsubmit=return false;”。

更新：

看来您必须从验证函数的提交回调处理程序（submitHandler）提交 FORM，以避免提交后重定向。请尝试检查 this 演示示例，该示例在 Ajax 表单提交中运行良好，查看此示例页面的源代码，然后相应地调整您的代码。

var v = jQuery("#form").validate({
  submitHandler: function(form) {
    jQuery(form).ajaxSubmit({
      target: "#result"
    });
  }
});

Answer 2

如果您在提交表单时使用 jquery 接收表单，那么您应该指定包含 jquery 代码的 php 文件作为表单的操作，而不是“监听”提交事件。另一种选择是让'action'参数为空。这里的重点是您发送了两次表单：当您单击峰会时，表单会自动发送到“action”参数中指定的文件，（即正在发生的提交，因为它没有验证） ;并且，在你点击提交的同时，它还会触发ajax请求，它会执​​行验证，如果成功则再次提交。