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 easyui combox一些实用的小方法
Dec 25 Javascript
JS实现弹出浮动窗口(支持鼠标拖动和关闭)实例详解
Aug 06 Javascript
JavaScript实现页面跳转的几种常用方式
Nov 28 Javascript
前端框架Vue.js构建大型应用浅析
Sep 12 Javascript
jQuery实现边框动态效果的实例代码
Sep 23 Javascript
jQuery模拟下拉框选择对应菜单的内容
Mar 07 Javascript
JavaScript脚本语言是什么_动力节点Java学院整理
Jun 26 Javascript
javascript基础进阶_深入剖析执行环境及作用域链
Sep 05 Javascript
JS的Ajax与后端交互数据的实例
Aug 08 Javascript
Easyui 关闭jquery-easui tab标签页前触发事件的解决方法
Apr 28 jQuery
JS开发自己的类库实例分析
Aug 28 Javascript
详解如何使用Node.js实现热重载页面
May 06 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
ThinkPHP学习笔记(一)ThinkPHP部署
2014/06/22 PHP
PHP对象相互引用的内存溢出实例分析
2014/08/28 PHP
浅谈PHP解析URL函数parse_url和parse_str
2014/11/11 PHP
php + nginx项目中的权限详解
2017/05/23 PHP
对laravel的session获取与存取方法详解
2019/10/08 PHP
密码框显示提示文字jquery示例
2013/08/29 Javascript
js如何判断用户是否是用微信浏览器
2014/06/05 Javascript
原生js实现日期联动
2015/01/12 Javascript
Javascript动画的实现原理浅析
2015/03/02 Javascript
JQuery中基础过滤选择器用法实例分析
2015/05/18 Javascript
jquery模拟alert的弹窗插件
2015/07/31 Javascript
jquery实现点击其他区域时隐藏下拉div和遮罩层的方法
2015/12/23 Javascript
jQuery动画效果相关方法实例分析
2015/12/31 Javascript
通用无限极下拉菜单的实现代码
2016/05/31 Javascript
jQuery实现的超链接提示效果示例【附demo源码下载】
2016/09/09 Javascript
jquery实现图片列表鼠标移入微动
2016/12/01 Javascript
vue的diff算法知识点总结
2018/03/29 Javascript
React中this丢失的四种解决方法
2019/03/12 Javascript
微信小程序中如何使用flyio封装网络请求
2019/07/03 Javascript
element-ui和vue表单(对话框)验证提示语(残留)清除操作
2020/09/11 Javascript
原生JavaScript实现刮刮乐
2020/09/29 Javascript
基于Python_脚本CGI、特点、应用、开发环境(详解)
2017/05/23 Python
Python2.7实现多进程下开发多线程示例
2019/05/31 Python
python爬虫 urllib模块反爬虫机制UA详解
2019/08/20 Python
python装饰器使用实例详解
2019/12/14 Python
基于Python制作一副扑克牌过程详解
2020/10/19 Python
美国时尚孕妇装品牌:A Pea in the Pod
2017/07/16 全球购物
波兰电子产品购物网站:Vobis
2019/05/26 全球购物
高中家长寄语
2014/04/02 职场文书
车辆工程专业求职信
2014/04/28 职场文书
2015年客服工作总结范文
2015/04/02 职场文书
解决python存数据库速度太慢的问题
2021/04/23 Python
pytorch 一行代码查看网络参数总量的实现
2021/05/12 Python
Flask搭建一个API服务器的步骤
2021/05/28 Python
python异常中else的实例用法
2021/06/15 Python
SpringBoot 整合mongoDB并自定义连接池的示例代码
2022/02/28 MongoDB