jquery驗證器 - 自定義設計

Question

我有一組輸入字段。如果它們中的任何一個不正確，我會在控件上方的氣泡消息中顯示它。我所做的是：

errorPlacement: function(error, element) { 
     error.insertAfter(element) 
     var message = error.html(); 
     error.html('<div class="innerError"><div class="message">' + message + '</div><div class="corner"></div></div>'); 
    } 

現在，當字段無效，如預期顯示的信息，但是當我專注出了場，而不會改變它，甚至如果我做的改變，內格（消息）仍然...

感謝先進！

Answer 1

一個簡單的例子，驗證一個文本框

<form action="/"> 
    <input type="text" /><span class="error"></span><br /> 
    <input type="submit" value="submit" /> 
</form> 

$(function() { 

    $('input:submit').click(function (e) { 

     $('input:text').each(function() { 
      if ($(this).val() == "") { 
       e.preventDefault(); 
       $(this).parent().find('span').html("input text is blank"); 
      } 
     }); 

    }); 

    $('input:text').blur(function() { 
     if ($(this).val() != "") { 
      $(this).parent().find('span').text(""); 
     } 
    }); 

}); 

所以基本上你將需要申請.blur事件（集中了），如果有效，則刪除該錯誤消息，否則讓它重新驗證輸入 。