jquery 表单进行客户端验证demo


Posted in Javascript onAugust 24, 2009
<%@ 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>
Javascript 相关文章推荐
javascript Object与Function使用
Jan 11 Javascript
基于jquery实现的可以编辑选择的下拉框的代码
Nov 19 Javascript
showModelDialog弹出文件下载窗口的使用示例
Nov 19 Javascript
ff下JQuery无法监听input的keyup事件的解决方法
Dec 12 Javascript
JS实现至少包含字母、大小写数字、字符的密码等级的两种方法
Feb 03 Javascript
JS IOS/iPhone的Safari浏览器不兼容Javascript中的Date()问题如何解决
Nov 11 Javascript
Bootstrap响应式表格详解
May 23 Javascript
深入理解React中何时使用箭头函数
Aug 23 Javascript
ES6中javascript实现函数绑定及类的事件绑定功能详解
Nov 08 Javascript
浅谈Angularjs中不同类型的双向数据绑定
Jul 16 Javascript
微信小程序后台持续定位功能使用详解
Aug 23 Javascript
js实现登录拖拽窗口
Feb 10 Javascript
JS 时间显示效果代码
Aug 23 #Javascript
JQuery this 和 $(this) 的区别
Aug 23 #Javascript
ext checkboxgroup 回填数据解决
Aug 21 #Javascript
获取HTML DOM节点元素的方法的总结
Aug 21 #Javascript
自己的js工具 Event封装
Aug 21 #Javascript
自己的js工具 Cookie 封装
Aug 21 #Javascript
自己的js工具_Form 封装
Aug 21 #Javascript
You might like
很好用的PHP数据库类
2009/05/27 PHP
PHP调用wsdl文件类型的接口代码分享
2014/11/19 PHP
php抽象类使用要点与注意事项分析
2015/02/09 PHP
PHP处理Ajax请求与Ajax跨域问题
2017/02/13 PHP
thinkPHP5实现数据库添加内容的方法
2017/10/25 PHP
formValidator3.3的ajaxValidator一些异常分析
2011/07/12 Javascript
基于jQuery判断两个元素是否有重叠部分的代码
2012/07/25 Javascript
Javascript 多浏览器兼容总结(实战经验)
2013/10/30 Javascript
js Array操作的最简短最容易理解方法
2013/12/09 Javascript
javascript中attribute和property的区别详解
2014/06/05 Javascript
node.js中的console.time方法使用说明
2014/12/09 Javascript
JS实现控制文本框的内容
2016/07/10 Javascript
BootStrap入门教程(三)之响应式原理
2016/09/19 Javascript
Bootstrap导航条学习使用(一)
2017/02/08 Javascript
关于angular js_$watch监控属性和对象详解
2017/04/24 Javascript
基于Vue 2.0的模块化前端 UI 组件库小结
2017/12/21 Javascript
微信小程序实现MUI数字输入框效果
2018/01/31 Javascript
Angular使用过滤器uppercase/lowercase实现字母大小写转换功能示例
2018/03/27 Javascript
Vue项目webpack打包部署到Tomcat刷新报404错误问题的解决方案
2018/05/15 Javascript
angular6.x中ngTemplateOutlet指令的使用示例
2018/08/09 Javascript
vue封装一个简单的div框选时间的组件的方法
2019/01/06 Javascript
Electron + vue 打包桌面操作流程详解
2019/06/24 Javascript
关于Python中异常(Exception)的汇总
2017/01/18 Python
python算法表示概念扫盲教程
2017/04/13 Python
python中cPickle类使用方法详解
2018/08/27 Python
python pygame模块编写飞机大战
2018/11/20 Python
简单了解python的一些位运算技巧
2019/07/13 Python
python实现拉普拉斯特征图降维示例
2019/11/25 Python
15个Pythonic的代码示例(值得收藏)
2020/10/29 Python
应届生体育教师自荐信
2013/10/03 职场文书
犯错检讨书
2014/02/21 职场文书
教师工作失职检讨书
2014/09/18 职场文书
艺术节开幕词
2015/01/28 职场文书
酒店财务总监岗位职责
2015/04/03 职场文书
经典格言警句:没有热忱,世间便无进步
2019/11/13 职场文书
vue中data改变后让视图同步更新的方法
2021/03/29 Vue.js