jquery 表單進行客戶端驗證demo
更新時間:2009年08月24日 01:58:12 作者:
用jquery對表單進行客戶端驗證demo ,學(xué)習(xí)jquery的朋友可以參考下。
復(fù)制代碼 代碼如下:
<%@ 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:"此項為必填項"
},
password:{
required:"此項為必填項",
minlength:"密碼長度至少為4個字符"
}
}
})
});
</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="注冊"/></td>
</tr>
</table>
</form>
</body>
</html>
您可能感興趣的文章:
- js在客戶端驗證密碼強度,兼容FireFox和IE
- javascript 客戶端驗證上傳圖片的大?。嫒軮E和火狐)
- fileupload控件 文件類型客戶端驗證實現(xiàn)代碼
- ip138中各種客戶端驗證js代碼
- JAVASCRIPT 客戶端驗證數(shù)據(jù)的合法性代碼(正則)
- 使用jQuery.Validate進行客戶端驗證(初級篇) 不使用微軟驗證控件的理由
- JavaScript通過RegExp實現(xiàn)客戶端驗證處理程序
- php實現(xiàn)的數(shù)字驗證碼及數(shù)字運算驗證碼
- js代碼驗證手機號碼和電話號碼是否合法
- 詳解ASP.NET七大身份驗證方式以及解決方案
- ASP.NET中驗證控件的使用方法
- Asp.Mvc?2.0實現(xiàn)用戶注冊實例講解(1)
- ASP.NET驗證碼(3種)
- javascript表單驗證大全
- Asp.Mvc?2.0用戶客戶端驗證實例講解(3)
相關(guān)文章
jQGrid動態(tài)填充select下拉框的選項值(動態(tài)填充)
這篇文章主要介紹了jQGrid動態(tài)填充select下拉框的選項值(動態(tài)填充)的相關(guān)資料,非常不錯,具有參考借鑒價值,需要的朋友可以參考下2016-11-11解決Jquery下拉框數(shù)據(jù)動態(tài)獲取的問題
下面小編就為大家分享一篇解決Jquery下拉框數(shù)據(jù)動態(tài)獲取的問題,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2018-01-01Jquery uploadify 多余的Get請求(404錯誤)的解決方法
下面小編就為大家?guī)硪黄狫query uploadify 多余的Get請求(404錯誤)的解決方法。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2017-01-01Bootstrap嵌入jqGrid,使你的table牛逼起來
這篇文章主要介紹了Bootstrap嵌入jqGrid,使你的table牛逼起來,需要的朋友可以參考下2016-05-05使用JQuery FancyBox插件實現(xiàn)圖片展示特效
本文給大家分享的是使用使用JQuery FancyBox插件實現(xiàn)圖片展示的3種風格的特效,非常的簡單實用,有需要的小伙伴可以查看下2015-11-11jquery實現(xiàn)可旋轉(zhuǎn)可拖拽的文字效果代碼
這篇文章主要介紹了jquery實現(xiàn)可旋轉(zhuǎn)可拖拽的文字效果代碼,涉及jquery響應(yīng)鼠標事件動態(tài)操作頁面元素樣式的相關(guān)技巧,需要的朋友可以參考下2016-01-01