jQuery驗證 - 驗證特定規則/按鍵時方法的具體領域

Question

使用jQuery驗證： http://docs.jquery.com/Plugins/Validation

我還驗證每個字段上模糊：

//validate each element on blur 
    $('input, select, radio, checkbox').blur(function(){ 
     $("#createAccount").validate().element(this); 
    }); 

我加入另外的方法爲密碼 - 字母，數字，不能有空格/破折號：

//Additional validation methods: 
jQuery.validator.addMethod("passwordCheck", function(value, element) { 
    return this.optional(element) || /^[a-zA-Z0-9]+$/.test(value); 
}, "Invalid characters"); 

幾個問題：

我想驗證模糊密碼字段，除了passwordCheck方法。所以其他的方法，如需要，應該對模糊進行驗證 - 但是如果輸入的是無效字符，那麼我希望驗證程序能夠觸發該方法。

此外，添加方法時，有沒有辦法將錯誤消息放入驗證調用的消息部分（只是爲了將它們全部放在一個地方）？

Answer 1

這是我做過什麼來實現：

對於需要被忽略，直到它有我添加了一個類的輸入值的輸入 - 「忽略」

$('.ignore').blur(function(){ 
     if($(this).val()=="") { 
     $(this).parent().removeClass("inputSuccess"); 
     } 
    }); 

在這個函數中，如果一個輸入的類被忽略並且沒有值被輸入，那麼我刪除在validate調用中設置的有效類。當輸入一個值時，正常的驗證會觸發這些項目。

Answer 2

HTML5支持required屬性。 所以，你可以通過類似檢查：

<input type="password" name="password" required /> 

和

return !$(element).hasAttr("required"); 

這將迫使你提交表單前進入該領域，雖然。 此外，您可以創建自定義屬性，但我不知道這是否是一個好的解決方案。

http://www.w3.org/WAI/GL/wiki/Techniques/HTML5/Using_the_required_attribute_to_indicate_a_required_input_field