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 相关文章推荐
jquery 年会抽奖程序
Dec 22 Javascript
Javascript查询DBpedia小应用实例学习
Mar 07 Javascript
json数据处理技巧(字段带空格、增加字段、排序等等)
Jun 14 Javascript
用Js实现的动态增加表格示例自己写的
Oct 21 Javascript
在JavaScript里防止事件函数高频触发和高频调用的方法
Sep 06 Javascript
jquery.ajax之beforeSend方法使用介绍
Dec 08 Javascript
jQuery创建DOM元素实例解析
Jan 19 Javascript
JavaScript中神奇的call()方法
Mar 12 Javascript
Javascript实现图片懒加载插件的方法
Oct 20 Javascript
详解angularjs中的隔离作用域理解以及绑定策略
May 31 Javascript
jQuery each和js forEach用法比较
Feb 27 jQuery
基于elementUI实现图片预览组件的示例代码
Mar 31 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/09/23 PHP
php检查页面是否被百度收录
2015/10/28 PHP
遍历指定目录,并存储目录内所有文件属性信息的php代码
2016/10/28 PHP
Yii2框架配置文件(Application属性)与调试技巧实例分析
2019/05/27 PHP
ie 处理 gif动画 的onload 事件的一个 bug
2007/04/12 Javascript
在JavaScript中,为什么要尽可能使用局部变量?
2009/04/06 Javascript
jquery高效反选具体实现
2013/05/05 Javascript
js实现div的切换特效上一个下一个
2014/02/11 Javascript
悬浮数字的实现案例
2014/02/19 Javascript
node.js中的fs.fsync方法使用说明
2014/12/15 Javascript
简介JavaScript中substring()方法的使用
2015/06/06 Javascript
浅谈JavaScript对象的创建方式
2016/06/13 Javascript
进阶之初探nodeJS
2017/01/24 NodeJs
利用JS实现简单的瀑布流加载图片效果
2017/04/22 Javascript
javaScript和jQuery自动加载简单代码实现方法
2017/11/24 jQuery
vue+webpack实现异步组件加载的方法
2018/02/03 Javascript
javascript实现小型区块链功能
2019/04/03 Javascript
JS代码屏蔽F12,右键,粘贴,复制,剪切,选中,操作实例
2019/09/17 Javascript
中级前端工程师必须要掌握的27个JavaScript 技巧(干货总结)
2019/09/23 Javascript
详解Vue 项目中的几个实用组件(ts)
2019/10/29 Javascript
vue 使用class创建和清除水印的示例代码
2020/12/25 Vue.js
python实现sublime3的less编译插件示例
2014/04/27 Python
python判断字符串是否纯数字的方法
2014/11/19 Python
详解Python中__str__和__repr__方法的区别
2015/04/17 Python
K-近邻算法的python实现代码分享
2017/12/09 Python
Python使用numpy实现BP神经网络
2018/03/10 Python
Python 中的 global 标识对变量作用域的影响
2019/08/12 Python
Python实现微信机器人的方法
2019/09/06 Python
基于Python计算圆周率pi代码实例
2020/03/25 Python
英国国家美术馆商店:National Gallery
2019/05/01 全球购物
日本化妆品植村秀俄罗斯官方网站:Shu Uemura俄罗斯
2020/02/01 全球购物
英国鲜花递送:Blossoming Gifts
2020/07/10 全球购物
客服主管岗位职责
2013/12/13 职场文书
篮球比赛拉拉队口号
2014/06/10 职场文书
2014年中班下学期工作总结
2014/12/11 职场文书
Vue的列表之渲染,排序,过滤详解
2022/02/24 Vue.js