Question

使用jQuery验证插件时（http://docs.jquery.com/Plugins/Validation/validate）：

我想要以下行为：用户按下提交后立即验证（而不是实际提交我正在使用ajax发布请求）。

但会发生以下情况：一旦按下提交，验证运行，我在适用时收到验证错误，然后当我更正错误，然后按提交表单重新验证，但是当没有验证错误，没有制作ajax帖子，只有表单得到验证。

如果在第一个实例中没有验证错误，则会立即发布帖子，就像它应该的那样。

我有以下内容：

    <script type="text/javascript">
        $(document).ready(function(){ 
            $("#form").validate({
                onkeyup: false,
                onclick: false,
                onsubmit: true,
                rules: {
                    telNR: {
                        required: true,
                        digits: true,
                        minlength: 10
                    }
                },
                messages: {
                    telNR: {
                        required: "Fill in a valid telephone NR",
                        minlength: "A telephoneNR is 10 characters long",
                        digits: "Use only numerics"
                    }
                },
                submitHandler: function(form) {
                    var jqxhr = $.post("sendMail.php", { telNR: $("#telNR").val() },
                    function(data) {
                        alert("Done");
                    })
                    .error(function(jqXHR){
                        alert("Error");
                    });
                }    
            });
        })
    </script>

Answer 1

您可能遇到了一些幽灵验证错误。尝试将以下内容添加到您的选项中以清除表单焦点上的错误：

focusCleanup: true

更正后的验证错误后，jquery验证提交按钮无法正常工作

1 个答案: