jQuery - 远程验证规则

Question

<script type="text/javascript">
$(document).ready(function() {
    jQuery(function($){
        $("#form").submit(function(e){
           if ($(this).valid()){
                $.ajax( {
                    type: "POST",
                    url: "http://localhost/My/modules/validate.php",
                });
           }
           return false;
     })});
        $("#form").validate({
            rules: {
                user: {
                    remote: {
                        url: "http://localhost/My/modules/validate.php",
                        async: false,
                    }
                }
            }
        });
});
$.validator.setDefaults({
    debug:      true,
    success:    "valid",
});
</script>

我想创建远程验证规则。此示例正确读取 ajax 请求。虽然返回 true/false 都评估为验证错误。

但是，删除 ajax 部分（jQuery()）会导致缺少 ajax 初始化，甚至没有处理请求。

async: false 似乎是被动的，删除它会导致同样的事情。

任何人都可能知道这里可能出了什么问题？

编辑：

$(document).ready(function() {
        $("#form").validate({
            rules: {
                user: {
                    remote: "http://localhost/My/modules/validate.php",
                }
            },
            submitHandler: function (form) {
                // do your ajax form submission here
                return false; // prevent redirect since you did ajax
            }
        });
});
</script>

Answer 1

使用 Validate 插件时，您不需要外部 submit 处理程序，因为它已经内置了所有事件处理程序。

内置的submitHandler 仅在表单有效并且您可以在其中放置任何ajax 以提交表单时才会触发。

您在两个地方执行ajax...使用remote 规则和您的submit 处理程序。

• 如果您的 ajax 用于验证字段，请使用 remote 规则。
• 如果您的 ajax 用于表单提交，请使用 submitHandler。

这仅使用the remote rule, as per documentation:

$(document).ready(function () {

    $("#form").validate({
        rules: {
            user: {
                // ajax in remote rule to check this field
                remote:  "http://localhost/My/modules/validate.php"
                }
            }
        }
    });

});

// get rid of all this
//$.validator.setDefaults({
    //debug: true,  // not needed in production
    //success: "valid", // this is already the default.
//});

---

以下只是我的建议如果您使用 ajax 进行表单提交。否则忽略它。

这是使用the submitHandler callback, as per documentation:

$(document).ready(function () {

    $("#form").validate({
        // your rules & options,
        submitHandler: function (form) {
            // do your ajax form submission here
            return false; // prevent redirect since you did ajax
        }
    });

});