jquery表單驗(yàn)證插件validation使用方法詳解
更新時(shí)間:2017年01月20日 09:58:43 作者:BaldWinf
這篇文章主要為大家詳細(xì)介紹了jquery表單驗(yàn)證插件validation使用方法,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
一、如何使用
引入js文件
<script src="jquery.js"></script> <script src="jquery.validate-1.13.1.js"></script>
編寫html頁面,這里僅以用戶名、密碼為例
<body> <form id="demoForm"> <fieldset> <legend>用戶登錄</legend> <p> <label for="username">用戶名</label> <input type="text" id="username" name="username"> </p> <p> <label for="password">密碼</label> <input type="text" id="password" name="password"> </p> </fieldset> </form> </body>
編寫script腳
$(document).ready(function(){ $("#demoForm").validate({ rules:{ username:{ required:true,// 是否必填 minlength:2, // 最小長度 maxlength:10 // 最大長度 }, password:{ required:true, minlength:2, maxlength:16 } } }); });
二、測試
如果大家還想深入學(xué)習(xí),可以點(diǎn)擊兩個(gè)精彩的專題:jquery表單驗(yàn)證大全 JavaScript表單驗(yàn)證大全
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
您可能感興趣的文章:
- 詳解jQuery的表單驗(yàn)證插件--Validation
- JQuery.validationEngine表單驗(yàn)證插件(推薦)
- jQuery插件Validation快速完成表單驗(yàn)證的方式
- jquery validation插件表單驗(yàn)證的一個(gè)例子
- jQuery 表單驗(yàn)證插件formValidation實(shí)現(xiàn)個(gè)性化錯(cuò)誤提示
- jquery?validation驗(yàn)證電話號碼,email(實(shí)例代碼)
- jQuery.Validate 使用筆記(jQuery Validation范例 )
- jQuery驗(yàn)證插件validation使用指南
- jQuery插件Validation表單驗(yàn)證詳解
相關(guān)文章
ajax異步刷新實(shí)現(xiàn)更新數(shù)據(jù)庫
下面寫關(guān)于如何把無刷新的數(shù)據(jù)寫入到數(shù)據(jù)庫中,需要的朋友可以參考下2012-12-12jQuery中innerHeight()方法用法實(shí)例
這篇文章主要介紹了jQuery中innerHeight()方法用法,實(shí)例分析了innerHeight()方法的功能、定義及獲取第一個(gè)匹配元素內(nèi)部區(qū)域高度的使用技巧,需要的朋友可以參考下2015-01-01鋒利的jQuery 要點(diǎn)歸納(二) jQuery中的DOM操作(下)
鋒利的jQuery 要點(diǎn)歸納(二) jQuery中的DOM操作(下)2010-03-03jquery獲取input type=text中的值的各種方式(總結(jié))
下面小編就為大家?guī)硪黄猨query獲取input type=text中的值的各種方式(總結(jié))。小編覺的挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-12-12