使用jQuery validate 验证注册表单实例演示
来源:互联网 发布:用手机可以做淘宝客服 编辑:程序博客网 时间:2024/06/05 06:44
Validation是jQuery的插件,提供的方法可以大大简化验证表单的工作,接下来为大家详细介绍下使用方法,感兴趣的各位可以参考下哈
Validation是jQuery的插件,提供的方法可以大大简化验证表单的工作,功能也足够一般的需要了。rules也足够简单,很容易上手,举个简单的例子,用validation来验证注册表单。
首先确定验证的目标是:
1. 必填项不能为空
2. 注册用户名必须为6-12个字符内
3. 合格的email格式
4. 密码必须为6-18个字符
5. 确认密码必须跟密码一致
ok,目标很明确了。正片开始
复制代码代码如下:
<script type="text/javascript" src="../lib/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="../lib/jquery.validate.min.js"></script>
<script type="text/javascript">
$(function(){
$( "#regForm" ).validate({
rules: {
// 注册用户名
username: {
required: true,
minlength: 5,
maxlength: 12
},
email: {
required: true,
email: true
},
// 密码
password: {
required: true,
minlength: 6,
maxlength: 18
},
// 确认密码
confirm_password: {
equalTo:"#password"
},
// 检验验证码
captcha: {
required: true,
remote: "checkCaptcha.php"
}
},
messages: {
// 注册用户名
username: {
required: "此项不能为空",
minlength: "不能少于5个字符",
maxlength: "不能多于12个字符"
},
email: {
required: "此项不能为空",
email: "email格式不正确"
},
// 密码
password: {
required: "此项不能为空",
minlength: "不能少于6个字符",
maxlength: "不能多于18个字符"
},
// 确认密码
confirm_password: "两次输入密码不一致",
// 检验验证码
captcha: {
required: "请输入验证码",
remote: "验证码输入错误"
}
}
});
});
</script>
运行后,得到下面的结果
0 0
- 使用jQuery validate 验证注册表单实例演示
- 使用jQuery validate 验证注册表单
- jquery validate表单验证插件制作注册表单验证提交
- jquery-validate表单验证实例一
- jquery-validate表单验证实例二
- jquery.validate的使用,注册验证
- Laravel 5.4--Validate (表单验证) 使用实例
- 使用jquery-validate进行表单验证
- 使用jquery validate表单验证插件
- 使用jQuery validate插件验证表单
- 使用jQuery Validate实现表单验证
- jquery.validate.js表单验证插件使用
- 今天使用jquery.validate.js表单验证
- jQuery validate 表单验证
- jquery validate 表单验证
- jquery validate 表单验证
- jQuery validate验证表单
- jquery validate 表单验证
- [Tkinter 教程11] 对话框和消息框
- Android 调用系统的分享功能
- Dubbo源码 SPI实现ExtensionLoader
- Servlet 工作原理解析
- vb.net 教程 5-3 使用未安装的字体
- 使用jQuery validate 验证注册表单实例演示
- .net平台的rabbitmq使用封装
- USB-Armory + Kali 试水
- Could not find action or result:There is no Action mapped for namespace / and action name
- RESTful API设计系列一:简介
- sdutacm-数据结构实验之栈一:进制转换
- swift逃逸闭包
- 安慰奶牛 (Kruskal) (最小生成树)
- java设计模式之工厂模式