2010-03-17 42 views
0

我在我的純HTML表單上有一個輸入字段,我希望從頁面加載的那一刻起將其標記爲無效(並顯示錯誤消息)。jquery驗證 - 驗證頁面上的字段加載

這可能與jQuery驗證插件有關嗎?

失敗的是,當插件嘗試驗證特定輸入字段時,如何隱藏元素?

回答

0

管理提出了一個解決方案。它涉及添加頁面加載時顯示的「虛擬」驗證元素。只要用戶將一個值輸入到相應的字段中,虛擬元素就會被隱藏,並顯示真實元素。

我使用了突出顯示unhighlight驗證方法的選項來實現我想要的。

$("#myform").validate({ 
    highlight: function(element){ 
     if($(element).hasClass("math")){ 
      $(".temp").hide(); 
     } 
    }, 

    unhighlight: function(element){ 
     if($(element).hasClass("math")){ 
      $(".temp").hide(); 
     } 
    } 
}); 

也許這將有助於別人未來。

0

我認爲你將不得不有你正在驗證的表單提交頁面加載。可能是這樣的:

$(document).ready(function() { 
     $('form').validate(/* set all of your validator options here */); 
     $('form').trigger('submit'); 
    }); 
+0

我確實考慮過這一點,但這會觸發我所有的其他驗證。我只對觸發1輸入的驗證錯誤消息感興趣。 – boz 2010-03-18 09:31:21

+0

我從來沒有使用這個插件的單個元素驗證(http://docs.jquery.com/Plugins/Validation/Validator/element#element)方法,但它可能比創建虛擬元素更容易。 – ryanulit 2010-03-18 12:28:58