快捷導(dǎo)航

jquery 表單進(jìn)行客戶端驗(yàn)證demo

更新時(shí)間：2009年08月24日 01:58:12 作者：

用jquery對表單進(jìn)行客戶端驗(yàn)證demo ，學(xué)習(xí)jquery的朋友可以參考下。

<%@ 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:"密碼長度至少為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="注冊"/></td> 
</tr> 
</table> 
</form> 
</body> 
</html>

您可能感興趣的文章:

相關(guān)文章

jQuery validate插件submitHandler提交導(dǎo)致死循環(huán)解決方法
這篇文章主要介紹了jQuery validate插件submitHandler提交導(dǎo)致死循環(huán)解決方法,對比分析了常見的錯(cuò)誤寫法造成死循環(huán)與正確寫法,需要的朋友可以參考下
2016-01-01
nicejforms——美化表單不用愁
這篇文章主要介紹了nicejforms——美化表單不用愁
2007-02-02
jquery實(shí)現(xiàn)更改表格行順序示例
本文主要介紹了jquery實(shí)現(xiàn)更改表格行順序示例,大家參考使用吧
2014-04-04
CSS+jQuery實(shí)現(xiàn)的一個(gè)放大縮小動畫效果
因?yàn)樾枨缶椭挥?個(gè)元素。如果是要用CSS的class來處理，那就需要用到CSS3動畫了，好了下面為大家介紹下如何實(shí)現(xiàn)這個(gè)放大縮小動畫效果
2013-09-09
jQuery實(shí)現(xiàn)類似淘寶購物車全選狀態(tài)示例
今天寫了個(gè)類似淘寶購物車全選狀態(tài)，看下截圖，效果還不錯(cuò)吧，具體的實(shí)現(xiàn)html及jQuery代碼如下，感興趣的朋友可以參考下哈
2013-06-06
jQuery 表單驗(yàn)證擴(kuò)展代碼(一)
好長一段時(shí)間沒有寫js代碼了，也好長時(shí)間沒有寫文章了,下午閑來無事寫了一個(gè) 基于jQuery的表單驗(yàn)證插件。首先申明這個(gè)插件問題比較多，不過覺得這個(gè)東西很有必要。后期持續(xù)跟新中，先把自己寫的插件原型拿出來曬曬！
2010-10-10
Jquery對新插入的節(jié)點(diǎn) 綁定Click事件失效的解決方法
下面小編就為大家?guī)硪黄狫query對新插入的節(jié)點(diǎn) 綁定Click事件失效的解決方法。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2016-06-06
jQuery取id有.的值的方法
用jQuery取值，當(dāng)一個(gè)id中含有.時(shí)，這個(gè)時(shí)候正常的取法是做不到的，因此請看下文
2014-05-05
jquery validator 插件增加日期比較方法
jQuery plugin: Validation是一款功能強(qiáng)大的客戶端驗(yàn)證插件，具有很多常用驗(yàn)證方法，支持自定義驗(yàn)證方法擴(kuò)展、自定義語言包等等。
2010-02-02
jquery刪除table當(dāng)前行的實(shí)例代碼
下面小編就為大家?guī)硪黄猨query刪除table當(dāng)前行的實(shí)例代碼。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2016-10-10