快捷導(dǎo)航

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

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

用jquery對表單進(jì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:"此項為必填項" 
}, 
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>

您可能感興趣的文章:

相關(guān)文章

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