jQuery Validate 驗證,校驗規(guī)則寫在控件中的具體實例

更新時間：2014年02月27日 09:50:29 作者：

本篇文章主要是對jQuery Validate 驗證,校驗規(guī)則寫在控件中的具體實例進(jìn)行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助

將校驗規(guī)則寫到控件中

$().ready(function() {
$("#signupForm").validate();
});

<form id="signupForm" method="get" action="">
    <p>
        <label for="firstname">Firstname</label>
        <input id="firstname" name="firstname" class="required" />
    </p>
<p>
<label for="email">E-Mail</label>
<input id="email" name="email" class="required email" />
</p>
<p>
<label for="password">Password</label>
<input id="password" name="password" type="password" class="{required:true,minlength:5}" />
</p>
<p>
<label for="confirm_password">確認(rèn)密碼</label>
<input id="confirm_password" name="confirm_password" type="password" class="{required:true,minlength:5,equalTo:'#password'}" />
</p>
    <p>
        <input class="submit" type="submit" value="Submit"/>
    </p>
</form>

Tips：
使用class="{}"的方式，必須引入包：jquery.metadata.js

可以使用如下的方法，修改提示內(nèi)容：
class="{required:true,minlength:5,messages:{required:'請輸入內(nèi)容'}}"

在使用equalTo關(guān)鍵字時，后面的內(nèi)容必須加上引號，如下代碼：
class="{required:true,minlength:5,equalTo:'#password'}"

您可能感興趣的文章:

相關(guān)文章

制作高質(zhì)量的JQuery Plugin 插件的方法
最近jquery非常流行，想個性化定制一些功能，就可以將代碼寫成插件的形式，方便使用與修改。
2010-04-04
對jQuary選擇器的全面總結(jié)
下面小編就為大家?guī)硪黄獙Quary選擇器的全面總結(jié)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2016-06-06
jQuery快速高效制作網(wǎng)頁交互特效
本文主要介紹了使用jQuery快速高效制作網(wǎng)頁交互特效的方法，具有很好的參考價值，下面跟著小編一起來看下吧
2017-02-02
fancybox modal的完美解決(右上的X)
有的時候我們希望保留右上的X，同時使用fancybox 的modal模式，怎么辦呢
2012-10-10
實例解析jQuery中proxy()函數(shù)的用法
proxy()主要用于在同樣的上下文語境中指向另一個對象,下面我們就以實例解析jQuery中proxy()函數(shù)的用法,需要的朋友可以參考下
2016-05-05
jquery拖拽自動排序插件使用方法詳解
這篇文章主要為大家詳細(xì)介紹了jquery拖拽自動排序插件的使用方法，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2018-12-12
多種類型jQuery網(wǎng)頁驗證碼插件代碼實例
這篇文章主要介紹了多種類型jQuery網(wǎng)頁驗證碼插件代碼實例，有正好需要的同學(xué)可以測試研究下具體使用效果
2021-01-01
使用JQuery實現(xiàn)智能表單驗證功能
表單驗證功能在項目中經(jīng)常會用得到，接下來給大家介紹使用jquery實現(xiàn)智能表單驗證功能實例代碼，對jquery實現(xiàn)表單驗證功能相關(guān)資料感興趣的朋友一起學(xué)習(xí)吧
2016-03-03
jQuery autocomplete插件修改
如果你不知道什么是jQuery autocomplete插件，請看圖。你可以測試一下本站的搜索。當(dāng)然也可以百度一下。
2009-04-04
jquery 操作DOM案例代碼分享
jquery 操作DOM案例，實現(xiàn)圖片的顯示，需要的朋友可以參考下
2012-04-04