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对象链式操作代码(jquery)
Jul 04 Javascript
js字符编码函数区别分析
Dec 28 Javascript
JavaScript高级程序设计 阅读笔记(十二) js内置对象Math
Aug 14 Javascript
Js 导出table内容到Excel的简单实例
Nov 19 Javascript
可自定义速度的js图片无缝滚动示例分享
Jan 20 Javascript
轻松玩转BootstrapTable(后端使用SpringMVC+Hibernate)
Sep 06 Javascript
关于单文件组件.vue的使用
Sep 20 Javascript
对angularJs中2种自定义服务的实例讲解
Sep 30 Javascript
jQuery利用FormData上传文件实现批量上传
Dec 04 jQuery
js console.log打印对象时属性缺失的解决方法
May 23 Javascript
Node 使用express-http-proxy 做api网关的实现
Oct 15 Javascript
vue使用swiper实现左右滑动切换图片
Oct 16 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程序
2012/02/04 PHP
xml在joomla表单中的应用详解分享
2012/07/19 PHP
Dwz与thinkphp整合下的数据导出到Excel实例
2014/12/04 PHP
PHP自定义函数获取URL中一级域名的方法
2016/08/23 PHP
在 Laravel 中 “规范” 的开发短信验证码发送功能
2017/10/26 PHP
Prototype 学习 工具函数学习($方法)
2009/07/12 Javascript
Javascript 面向对象之重载
2010/05/04 Javascript
JSON.parse 解析字符串出错的解决方法
2010/07/08 Javascript
jQuery之网页换肤实现代码
2011/04/30 Javascript
Jjcarousellite 实现图片列表滚动的简单实例
2013/11/29 Javascript
创建js对象和js类的方法汇总
2014/12/24 Javascript
浅谈Javascript Base64 加密解密
2014/12/28 Javascript
JavaScript动态改变表格单元格内容的方法
2015/03/30 Javascript
使用HTML+CSS+JS制作简单的网页菜单界面
2015/07/27 Javascript
jQuery+Ajax+PHP弹出层异步登录效果(附源码下载)
2016/05/27 Javascript
将JSON字符串转换成Map对象的方法
2016/11/30 Javascript
自定义事件解决重复请求BUG的问题
2017/07/11 Javascript
详解vue2 $watch要注意的问题
2017/09/08 Javascript
JS基于对象的特性实现去除数组中重复项功能详解
2017/11/17 Javascript
在Vue中获取组件声明时的name属性方法
2018/09/12 Javascript
Python 正则表达式操作指南
2009/05/04 Python
详解Python中的条件判断语句
2015/05/14 Python
python连接字符串的方法小结
2015/07/13 Python
Python数据集切分实例
2018/12/08 Python
在django中使用post方法时,需要增加csrftoken的例子
2020/03/13 Python
Python图像读写方法对比
2020/11/16 Python
最新pycharm安装教程
2020/11/18 Python
父亲八十大寿答谢词
2014/01/23 职场文书
团日活动总结报告
2014/06/25 职场文书
机关中层领导干部群众路线教育实践活动个人对照检查材料
2014/09/24 职场文书
警察正风肃纪剖析材料
2014/10/16 职场文书
学生自我评语
2015/01/04 职场文书
Linux安装Nginx步骤详解
2021/03/31 Servers
HTML+CSS+JS实现图片的瀑布流布局的示例代码
2021/04/22 HTML / CSS
Python爬取用户观影数据并分析用户与电影之间的隐藏信息!
2021/06/29 Python
详解Vue slot插槽
2021/11/20 Vue.js