当jQuery验证远程失败时打开模式

Question

我正在使用jQuery验证插件，它工作得很好。

无论何时远程ajax失败，我都希望能够显示消息并触发模式（示例中为alert（））。我无法弄清楚如何做到这一点。现在，它会按预期触发alert（），但会附加错误消息“请解决此问题”，这应该是我自己的自定义错误消息。

下面是我得到了什么：

$("#adresse-form").validate({ 

     errorElement: "span", 

     rules: { 

      navn: { 
       required: true, 
       minlength: 5, 
       maxlength: 25 
      }, 
      tlf: { 
       required: true, 
       digits: true, 
       minlength: 8, 
       remote: { 
        url: "/ajax/check_tlf", 
        type: "post" 
       } 
      } 
     }, 

     messages: { 

      navn: "Field Name is required", 
      tlf: { 
       required: "Field tlf is required!", 
       remote: function() { // i want to add the message aswell, not just the alert 

        alert("failed - tlf is already taken!"); 
       } 
      } 

     }, 
     submitHandler: function(form) { 
      doSomethingGreatOnSuccess(); 
     }, 

     errorPlacement: function (error, element) { 
      error.appendTo(element.parent()); 
     } 

    }); 

Answer 1

这是我如何得到它的工作：

jQuery.validator.addMethod("avail",function(value,element){ 
    var isSuccess = true; 

    $.ajax({ 
     url: "/avail", 
     type: 'POST', 
     data: { tlf: value }, 
     async: false, 
     success: function (msg) { 
      isSuccess = msg === "true" ? true : false; 
      if (!isSuccess) { 
       $('#myModal').reveal(); 
      } 
     } 
    }); 
    // return isSuccess; 
}); 

而且在规则：

tlf: { 
       required: true, 
       digits: true, 
       minlength: 8, 
       avail: true 
      } 

以及消息：

tlf: { 
       required: 'Must enter phone number', 
       avail: 'Phone number is already taken!' 
      }, 

具有类似问题的人，我发现很多颇有帮助这里：https://stackoverflow.com/a/2628442/839716

Answer 2

我从来不知道一个消息可能是一个函数，通常一个消息是一个字符串。但是，正如您已经证明的那样，消息可以是一个函数。您没有看到消息的原因是如果消息是一个函数，它必须返回一个字符串。

rules : {...} 
messages: 
{ 
    tlf: 
    { 
     required: "Field tlf is required!", 
     remote: function (val) 
     { 
      alert("failed - " + val + " is already taken!"); 
      return "remote validation failed"; 
     } 
    } 
} 

Answer 3

报价OP评论：“返回的字符串每次的作品，但 .reveal()只触发第一次，页面加载后。”

我认为你只能获取模态一次，因为Validate插件只构造一次消息（然后使用hide/show）。如果您希望每次都启动，请尝试使用highlight回调函数。配合使用onkeyup和onfocusout设置为false。

onkeyup: false, 
onfocusout: false, 
highlight: function(element, errorClass) { 
    if ($(element).attr('name') === 'remotefieldname') { 
     $('#myModal').reveal(); 
    } 
} 

演示：http://jsfiddle.net/NFRvT/1/