当前位置: 首页 > 图文教程 > 网络编程 > Javascript > jquery 表单进行客户端验证demo

Javascript
JavaScript 语言精粹学习笔记
有关div页面拖动、缩放、关闭、遮罩效果代码
JQuery this 和 $(this) 的区别
JS 时间显示效果代码
jquery 表单进行客户端验证demo
JS 获取span标签中的值的代码 支持ie与firefox
JavaScript 获取用户客户端操作系统版本
可以读取EXCEL文件的js代码
JS去除字符串的空格增强版(可以去除中间的空格)
监控用户是否关闭浏览器的js代码
javascript 继承实现方法
JSON 入门指南 想了解json的朋友可以看下
javascript 函数调用规则
动态表格Table类的实现
JSON 客户端和服务器端的格式转换
jQuery ui1.7 dialog只能弹出一次问题
javascript 遍历验证所有文本框的值
关于IE、Firefox、Opera页面呈现异同 写脚本很痛苦
javascript 简练的几个函数
csdn 博客中实现运行代码功能实现

Javascript 中的 jquery 表单进行客户端验证demo


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-12   浏览: 259 ::
收藏到网摘: n/a

用jquery对表单进行客户端验证demo ,学习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>