jQuery验证：由某个规则触发的回调？

Question

我正在尝试执行以下操作： 我有一个通过 jQuery Validation Plugin 验证的表单。有一个字段有几个规则：

            var validator = $("#myForm").validate({ 
                rules: {
                    emailForRequest: { 
                        required: true, 
                        email: true,
                        remote: "'emailcheck.php"
                    } 
                } ,
...

现在，当其中一条规则被破坏时，更准确地说是远程规则，我想触发一些额外的代码。所以，如果远程规则返回一个错误并且它的错误标签出现在 emailForRequest 字段旁边，我需要一个在后台执行其他操作的回调。

简而言之：我可以查看哪个规则触发了错误，我的意思是按代码查看，然后附加一个额外函数的执行吗？

---

编辑 好的，多亏了 Liam 的回答和更好地阅读了我的手册：

        rules: {
            emailForRequest: { 
                required: true, 
                email: true,
                remote: {
                    url: "'emailcheck.php" ,
                    type: "post" ,
                    complete: function(data){
                        if( data.responseText != "true" ) {
                            alert("Sorry mate, this email address was registered but never activated!");
                        }
                    }
                }
            } 
        } , ...

但还有一个问题。 emailcheck.php 脚本可以返回 3 个不同的结果，其中一个为真，另外两个与语言有关。因此，我想发送一个 json 对象作为响应，其中包含错误类型的 var（在所有语言中都相同）和带有消息的 var（已翻译）。因此，在我的完整功能中，我可以检查错误类型并据此做出响应。很简单，只是它会搞砸应该出现在我的字段旁边的验证标准错误，而我还没有找到解决方案。

Answer 1

不确定此线程是否仍处于打开状态，但我能够通过调用 addMethod 并使用数组来跟踪该表单元素的错误消息来解决此问题。

这里是代码

//phone
var phoneStatus = null;
$.validator
.addMethod(
    'validatePhone',
    function()
    {
        $.ajax({
            url: /path/to/script,
            async: false,
            dataType: 'json',
            data:{ formDataHere},
            success: function(data)
            {
                errorMessages['validatePhone'] = data.message;
                phoneStatus = data.status;
            },
            complete: function(){},
            error: function(){}
        });
        return phoneStatus;
    },
    function()
    {
        return errorMessages['validatePhone'];
    }
);

Answer 2

jquery.validate.js - 第 941 行：

success: function(response) {
    validator.settings.messages[element.name].remote = previous.originalMessage;
    var valid = response === true;
    if ( valid ) {
    ....

我认为你可以很容易地在这里插入你自己的函数。您有可用的响应和元素名称，因此定位具有特定名称的元素将相当容易。如果您不想修改脚本本身（即从 CDN 服务器加载），您可以根据原始规则编写自己的远程验证规则。

除此之外，AFAIK，没有内置函数/方法可以返回未验证的规则名称。

更新

找到规则和触发它的元素的解决方法是在 errorPlacement 函数中处理它：

...
},
errorPlacement: function(error, element) {
    error.insertBefore(element); // default positioning

    if ((error == 'your error message') && (element.attr('id') == 'your_targets_id')) {
        // your function 
    }
},
...

希望这会有所帮助。

Answer 3

现在我有适当的时间来阅读手册，试试这个

var validator = $("#myForm").validate({ 
            rules: 
               {
                emailForRequest: 
                { 
                    required: true, 
                    email: true,
                    remote: "emailcheck.php"
                }
            },
            messages:
            {
              emailForRequest:
               {
                remote: jQuery.format("{0}")
               }
            }

       });

Answer 4

感谢 FreekOne 和他对前缀的想法，我找到了一个可行的解决方案。我确实说可行，因为我对它的清洁度不太满意。由于我不确切知道验证器中发生了什么，并且修补 ajax 调用的 dataFilter 和成功功能会破坏验证器的正常工作，因此我找到了以下带有“隐藏”前缀的解决方案：

var validator = $("#myForm").validate({ 
                rules: {
                    emailForRequest: { 
                        required: true, 
                        email: true,
                        remote: {
                            url: "emailcheck.php" ,
                            type: "post" ,
                            complete: function(data){
                                if( data.responseText != true ) {
                                    if( data.responseText.search(/validationErrorTag/) > 0 &&
                                        data.responseText.search(/inactive/) > 0 ) {
                                         inactiveFunctionality();
                                    }
                                }
                            }
                        }
                    } 
                } ,...

虽然 emailcheck.php 返回一个 json 编码的 true 如果一切都签出或 json 编码的错误消息，如

<span class="validationErrorTag">inactive</span>This address is not yet activated.

最后，我在我的 css 文件中有一个条目，以确保前缀不显示：

.validationErrorTag {
    display: none;
}

就像我说的，它可以工作，我现在打算使用它，但是使用隐藏的 html 前缀来识别错误消息对我来说似乎有点粗略。所以，如果有人知道更好的解决方案，请告诉我。

Answer 5

var validator = $("#myForm").validate({ 
    rules: {
         emailForRequest: { 
                required: true, 
                email: true,
                remote: {
                    url: "emailcheck.php" ,
                    type: "post" ,
                    complete: function(data){
                        if( data.responseText != true ) {
                            var type = data.responseText.split('|');
                            if(type[0]=='inactive') {
                                         inactiveFunctionality();
// type[1] contains your message, display it using any method! e.g. $('#id').html(type[1]); or sooo!
                                    }
                                }
                            }
                        }
                    } 
                }

* 或 **

你可以使用 json ！只需以 json 格式发送响应文本并根据“。”在此处检查。属性访问。