jquery 表單進(jìn)行客戶端驗(yàn)證demo
<%@ page language="java" pageEncoding="gbk"%>
<html>
<head>
<title>jqueryValidateDemo</title>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.validate.js"></script>
<script type="text/javascript">
$(function() {
$("#login").validate({
rules:{
name:{
required:true
},
password:{
required:true,
minlength:4
}
},
messages:{
name:{
required:"此項(xiàng)為必填項(xiàng)"
},
password:{
required:"此項(xiàng)為必填項(xiàng)",
minlength:"密碼長(zhǎng)度至少為4個(gè)字符"
}
}
})
});
</script>
</head>
<body>
<form action="" id="login" method="post">
<table align="center" border="1">
<tr>
<td>登錄名</td>
<td><input type="text" id="name" name="name"/></td>
</tr>
<tr>
<td>密碼</td>
<td><input type="password" id="password" name="password"/></td>
</tr>
<tr>
<td align="center" colspan="2"><input type="submit" value="注冊(cè)"/></td>
</tr>
</table>
</form>
</body>
</html>
- js在客戶端驗(yàn)證密碼強(qiáng)度,兼容FireFox和IE
- javascript 客戶端驗(yàn)證上傳圖片的大小(兼容IE和火狐)
- fileupload控件 文件類型客戶端驗(yàn)證實(shí)現(xiàn)代碼
- ip138中各種客戶端驗(yàn)證js代碼
- JAVASCRIPT 客戶端驗(yàn)證數(shù)據(jù)的合法性代碼(正則)
- 使用jQuery.Validate進(jìn)行客戶端驗(yàn)證(初級(jí)篇) 不使用微軟驗(yàn)證控件的理由
- JavaScript通過RegExp實(shí)現(xiàn)客戶端驗(yàn)證處理程序
- php實(shí)現(xiàn)的數(shù)字驗(yàn)證碼及數(shù)字運(yùn)算驗(yàn)證碼
- js代碼驗(yàn)證手機(jī)號(hào)碼和電話號(hào)碼是否合法
- 詳解ASP.NET七大身份驗(yàn)證方式以及解決方案
- ASP.NET中驗(yàn)證控件的使用方法
- Asp.Mvc?2.0實(shí)現(xiàn)用戶注冊(cè)實(shí)例講解(1)
- ASP.NET驗(yàn)證碼(3種)
- javascript表單驗(yàn)證大全
- Asp.Mvc?2.0用戶客戶端驗(yàn)證實(shí)例講解(3)
相關(guān)文章
jQGrid動(dòng)態(tài)填充select下拉框的選項(xiàng)值(動(dòng)態(tài)填充)
這篇文章主要介紹了jQGrid動(dòng)態(tài)填充select下拉框的選項(xiàng)值(動(dòng)態(tài)填充)的相關(guān)資料,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下2016-11-11解決Jquery下拉框數(shù)據(jù)動(dòng)態(tài)獲取的問題
下面小編就為大家分享一篇解決Jquery下拉框數(shù)據(jù)動(dòng)態(tài)獲取的問題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2018-01-01Jquery uploadify 多余的Get請(qǐng)求(404錯(cuò)誤)的解決方法
下面小編就為大家?guī)硪黄狫query uploadify 多余的Get請(qǐng)求(404錯(cuò)誤)的解決方法。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-01-01Bootstrap嵌入jqGrid,使你的table牛逼起來
這篇文章主要介紹了Bootstrap嵌入jqGrid,使你的table牛逼起來,需要的朋友可以參考下2016-05-05使用JQuery FancyBox插件實(shí)現(xiàn)圖片展示特效
本文給大家分享的是使用使用JQuery FancyBox插件實(shí)現(xiàn)圖片展示的3種風(fēng)格的特效,非常的簡(jiǎn)單實(shí)用,有需要的小伙伴可以查看下2015-11-11jQuery實(shí)現(xiàn)可編輯的表格實(shí)例講解(2)
這篇文章主要內(nèi)容是JQuery實(shí)現(xiàn)可編輯的表格實(shí)例,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2015-09-09jquery實(shí)現(xiàn)可旋轉(zhuǎn)可拖拽的文字效果代碼
這篇文章主要介紹了jquery實(shí)現(xiàn)可旋轉(zhuǎn)可拖拽的文字效果代碼,涉及jquery響應(yīng)鼠標(biāo)事件動(dòng)態(tài)操作頁(yè)面元素樣式的相關(guān)技巧,需要的朋友可以參考下2016-01-01jquery對(duì)象和DOM對(duì)象的任意相互轉(zhuǎn)換
這篇文章主要介紹了jquery對(duì)象和DOM對(duì)象的任意相互轉(zhuǎn)換的方法,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-02-02