2013-07-31 16 views
2

插件在填寫輸入時插入標籤,但是我希望在加載頁面時插入所有標籤。任何想法都會很棒,謝謝。jQuery驗證插件 - 如何在頁面加載時顯示標籤

插件的鏈接在這裏。

http://jqueryvalidation.org/documentation/

我想有我可以用它來只插入所有標籤的方法。

代碼示例如下。

頁面加載一個領域可能是這樣的......

<div id="name-field" class="field input-text"> 
    <input type="text" id="name" name="name" onblur="if (this.value=='') this.value = 'Name'" onfocus="if (this.value=='Name') this.value = ''" value="Name" class="requiredAstrix" /> 
    <div id="name-error-label" class="error-label f3a cf98"> 
    This field is required 
    <div class="arrow s14"></div> 
    </div> 
    <div id="name-hover-label" class="hover-label cf2"></div> 
</div> 

的onblur插件插入標籤按照下面......(這是我希望所有的領域是在頁面加載)

<div id="name-field" class="field input-text"> 
    <input type="text" id="name" name="name" onblur="if (this.value=='') this.value = 'Name'" onfocus="if (this.value=='Name') this.value = ''" value="Name" class="requiredAstrix" /> 
    <label for="name" class="error checked">&nbsp;</label> 
    <div id="name-error-label" class="error-label f3a cf98"> 
    This field is required 
    <div class="arrow s14"></div> 
    </div> 
    <div id="name-hover-label" class="hover-label cf2"></div> 
</div> 
+1

這裏是你的代碼? –

+0

對不起,我試圖解釋更好一點! – pessato

+0

您的_jQuery_代碼在哪裏? – Sparky

回答

4

只需使用the .valid() method以編程方式在DOM ready上執行驗證測試。

$(document).ready(function() { 

    $('name-field').validate({ // initialize the plugin on your form 
     // rules, 
     // messages, 
     // options, 
     // callback functions 
    }); 

    $('name-field').valid(); // immediately fire validation on DOM ready 

}); 

工作DEMOhttp://jsfiddle.net/JVzKd/

相關問題