當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/