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 相关文章推荐
异步加载script的代码
Jan 12 Javascript
SeaJS入门教程系列之使用SeaJS(二)
Mar 03 Javascript
javascript中的throttle和debounce浅析
Jun 06 Javascript
Javascript this 关键字 详解
Oct 22 Javascript
jQuery插件StickUp实现网页导航置顶
Apr 12 Javascript
前端性能优化及技巧
May 06 Javascript
微信小程序getPhoneNumber获取用户手机号
Sep 29 Javascript
通过js动态创建标签,并设置属性方法
Feb 24 Javascript
微信小程序实现的图片保存功能示例
Apr 24 Javascript
vue中filters 传入两个参数 / 使用两个filters的实现方法
Jul 15 Javascript
微信小程序项目总结之记账小程序功能的实现(包括后端)
Aug 20 Javascript
JS 事件机制完整示例分析
Jan 15 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实现操作redis的封装类完整实例
2015/11/14 PHP
PHP中addslashes()和stripslashes()实现字符串转义和还原用法实例
2016/01/07 PHP
用php和jQuery来实现“顶”和“踩”的投票功能
2016/10/13 PHP
PHP获取访问页面HTTP状态码的实现代码
2016/11/03 PHP
php数组函数array_push()、array_pop()及array_shift()简单用法示例
2020/01/26 PHP
JS支持带x身份证号码验证函数
2008/08/10 Javascript
Riot.js 快速的JavaScript单元测试框架
2009/11/09 Javascript
基于jQuery的投票系统显示结果插件
2011/08/12 Javascript
仿淘宝TAB切换搜索框搜索切换的相关内容
2014/09/21 Javascript
javascript实现复选框超过限制即弹出警告框的方法
2015/02/25 Javascript
JS实现在网页中弹出一个输入框的方法
2015/03/03 Javascript
Javascript验证方法大全
2015/09/21 Javascript
基于jQuery实现二级下拉菜单效果
2016/02/01 Javascript
Vue.JS入门教程之自定义指令
2016/12/08 Javascript
详解使用grunt完成requirejs的合并压缩和js文件的版本控制
2017/03/02 Javascript
JS控件bootstrap suggest plugin使用方法详解
2017/03/25 Javascript
详解webpack 如何集成第三方js库
2017/06/29 Javascript
inner join 内联与left join 左联的实例代码
2017/09/18 Javascript
详解Vue.js iview实现树形权限表(可扩展表)
2018/09/30 Javascript
webpack的pitching loader详解
2019/09/23 Javascript
js脚本中执行java后台代码方法解析
2019/10/11 Javascript
JS实现图片切换特效
2019/12/23 Javascript
js实现无限层级树形数据结构(创新算法)
2020/02/27 Javascript
Python输出9*9乘法表的方法
2015/05/25 Python
浅谈python中的实例方法、类方法和静态方法
2017/02/17 Python
浅谈python迭代器
2017/11/08 Python
python2.7实现爬虫网页数据
2018/05/25 Python
django最快程序开发流程详解
2019/07/19 Python
HTML5中canvas中的beginPath()和closePath()的重要性
2018/08/24 HTML / CSS
致长跑运动员广播稿
2014/01/31 职场文书
宣传口号大全
2014/06/16 职场文书
借条格式范本
2015/05/25 职场文书
新生开学寄语大全
2015/05/28 职场文书
成事在人观后感
2015/06/16 职场文书
详解Go语言运用广度优先搜索走迷宫
2021/06/23 Python
JavaScript分页组件使用方法详解
2021/07/26 Javascript