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 相关文章推荐
编辑浪子版表单验证类
May 12 Javascript
初学JavaScript第二章
Sep 30 Javascript
解决jquery submit()提交表单提示:f[s] is not a function
Jan 23 Javascript
jQuery实现id模糊查询的小例子
Mar 19 Javascript
js数组操作常用方法
May 08 Javascript
JavaScript导出Excel实例详解
Nov 25 Javascript
基于百度地图实现产品销售的单位位置查看功能设计与实现
Oct 21 Javascript
JQuery validate 验证一个单独的表单元素实例
Feb 17 Javascript
jQuery extend()详解及简单实例
May 06 jQuery
详解webpack运行Babel教程
Jun 13 Javascript
vue中提示$index is not defined错误的解决方式
Sep 02 Javascript
结合axios对项目中的api请求进行封装操作
Sep 21 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 前加at符合@的作用解析
2015/07/31 PHP
php中时间函数date及常用的时间计算
2017/05/12 PHP
HTML页面登录时的JS验证方法
2014/05/28 Javascript
javascript手工制作悬浮菜单
2015/02/12 Javascript
AngularJS读取JSON及XML文件的方法示例
2017/05/25 Javascript
详解vue项目的构建,打包,发布全过程
2017/11/23 Javascript
微信小程序实现文字跑马灯效果
2020/05/26 Javascript
详解Express笔记之动态渲染HTML(新手入坑)
2018/12/13 Javascript
express框架下使用session的方法
2019/07/31 Javascript
微信小程序 云开发模糊查询实现解析
2019/09/02 Javascript
JavaScript设计模式之策略模式实现原理详解
2020/05/29 Javascript
OpenLayers3实现测量功能
2020/09/25 Javascript
python发送邮件的实例代码(支持html、图片、附件)
2013/03/04 Python
pyqt4教程之实现windows窗口小示例分享
2014/03/07 Python
python根据出生日期返回年龄的方法
2015/03/26 Python
python PyTorch预训练示例
2018/02/11 Python
Python3 Post登录并且保存cookie登录其他页面的方法
2018/12/28 Python
对Python3 pyc 文件的使用详解
2019/02/16 Python
python实现得到当前登录用户信息的方法
2019/06/21 Python
Python Pandas 箱线图的实现
2019/07/23 Python
Django项目使用ckeditor详解(不使用admin)
2019/12/17 Python
python中的逆序遍历实例
2019/12/25 Python
在Python中字典按值排序的实现方法
2020/11/12 Python
德国鞋子网上商店:Omoda.de
2017/03/31 全球购物
李维斯牛仔裤英国官方网站:Levi’s英国
2019/10/10 全球购物
优秀的教师个人的中文求职信
2013/09/21 职场文书
工艺工程师工作职责
2013/11/23 职场文书
幼儿教师研修感言
2014/02/12 职场文书
申请任职学生会干部自荐书范文
2014/02/13 职场文书
《邮票齿孔的故事》教学反思
2014/02/22 职场文书
科长竞聘演讲稿
2014/05/16 职场文书
学校督导评估方案
2014/06/10 职场文书
2015年世界环境日活动总结
2015/02/11 职场文书
素质教育学习心得体会
2016/01/19 职场文书
python ansible自动化运维工具执行流程
2021/06/24 Python
利用Apache Common将java对象池化的问题
2022/06/16 Servers