表单验证jq.validate.js
源代码--demo
Validate:function(){
var me=this;
var $form = $('#form');
//添加自定义方法: 同时验证手机和座机电话
jQuery.validator.addMethod('availblePhone',function(value,element){
var regx = /(^1\d{10}$|^(0\d{2,3}-?|0\d{2,3})?[1-9]\d{4,7}(-\d{1,8})?$)/;
if(value){
return this.optional(element) || regx.test(value);
}else{
return true;
}
},$.validator.format("请输入正确的联系人电话"));
//添加自定义方法
jQuery.validator.addMethod('availbleMoney',function(value,element){ if(parseInt(me.availableMoney) > 20 && parseInt(me.availableMoney) < 50000){
return this.optional(element) || parseInt(value) <= parseInt(me.availableMoney);
}else{
return true; //这里必须返回true
}
},$.validator.format("提现金额不能大于当前账户可用余额")); $form.validate({
messages: {
alipay_number: {
required:'请输入支付宝账号'
},
alipay_name: {
required:'请输入支付宝账号姓名'
},
money: {
required:'请输入提现金额',
regex:'请输入20元-5万元的整数金额',
max:'请输入不大于50000(五万)元的整数金额',
min: '请输入不小于20元的整数金额', }
},
rules: {
alipay_number:{
required: true
},
alipay_name:{
required:true
},
money:{
required:true,
regex:'^[0-9]*[1-9][0-9]*$',
min:20,
max:50000,
availbleMoney:true
}
},
errorPlacement: function(error, element) {
error.appendTo(element.next('.warn-error')); //错误提示
}
});
}, 1.表单数据的获取var postData = $('#form').serializeArray();
2.密码加密处理:postData.user_pwd= new Base64().encode(postData.user_pwd).split('').reverse().join('');
3.单独验证某个元素:$(ele).valid();
例如:
var $Input = $('#form').find('input[name=telphone]');
$Input.valid();
4. 表单提交数据:
$.ajax({
url: '/user/pass/register',
type: 'POST',
data: postData,
before:function(){
//$target.addClass('loading').html('注册中');
},
complete: function () {
$target.removeClass('loading').html('立即注册');
},
success: function (obj) {
}
})
demo2:
$('.login-form-personal').validate({
messages: {
'user_name': {
required:'请输入手机号',
regex:'请输入正确的手机号'
},
'user_pwd': {
required:'请输入密码',
minlength: '密码需满足6-20位数字、字母或下划线的组合',
maxlength: '密码需满足6-20位数字、字母或下划线的组合',
regex:'密码必须6-20位非纯数字,字母、数字、下划线的组合'
}
},
rules: {
user_name: {
regex: /^1[34578]\d{9}$/
},
user_pwd: {
minlength: 6,
maxlength: 20,
regex: /^(?![0-9]*$)[a-zA-Z0-9_]{6,20}$/
}
},
errorPlacement: function(error, element) {
error.appendTo(element.parents('.login-form-item'));
}
});
表单验证jq.validate.js的更多相关文章
- 表单验证的validate.js插件---jQuery Validation Plugin
早上在公交车上看了一个关于慕课网的教程<表单验证的validate.js插件---jQuery Validation Plugin>,正好可以用到自己近期开发简易微博的注册页面和登录页面, ...
- jquery.validate.js表单验证 jquery.validate.js的用法
jquery.validate.js这个插件已经用了2年多了,是一个不可多得的表单验证最方便快捷的插件.基于jquery的小插件,基本小白一学就会上手,对于项目表单页面比较多,元素比较多的校验,该插件 ...
- aspx中的表单验证 jquery.validate.js 的使用 以及 jquery.validate相关扩展验证(Jquery表单提交验证插件)
这一期我们先讲在aspx中使用 jquery.validate插件进行表单的验证, 关于MVC中使用 validate我们在下一期中再讲 上面是效果,下面来说使用步骤 jQuery.Valid ...
- 表单验证插件——validate
表单验证插件——validate 该插件自带包含必填.数字.URL在内容的验证规则,即时显示异常信息,此外,还允许自定义验证规则,插件调用方法如下: $(form).validate({options ...
- JavaScript | 基础表单验证(纯Js)
———————————————————————————————————————————— 基础表单验证(纯js) - - - - - - - - - - - - - - - - - - - - - - ...
- 表单验证——jquery validate使用说明【另一个教程】
[参考:http://www.tuicool.com/articles/y6fyme] jQuery Validate jQuery Validate 插件为表单提供了强大的验证功能,让客户端表单验证 ...
- jQuery Validate 表单验证插件----Validate简介,官方文档,官方下载地址
一. jQuery Validate 插件的介绍 jQuery Validate 插件为表单提供了强大的验证功能,让客户端表单验证变得更简单,同时提供了大量的定制选项,满足应用程序各种需求.该插件捆 ...
- 表单验证之validform.js使用方法
一.validform有什么用? 网页上有大量的input需要你进行验证的时候,如果是弹窗的话,需要不停地判断,如果为空,弹窗.如果不是数字,弹窗. 所以要将这么多验证交给一个js去验证. 二.我现在 ...
- ajax和servlet交互,表单日历插件,表单验证,form.js
我的index.jsp <body> <a>点我获取数据</a> <table border=1px> <tr> <td>ID& ...
随机推荐
- git-【十】忽略文件
1.在Git工作区的根目录下创建一个特殊的.gitignore文件,然后把要忽略的文件名填进去,Git就会自动忽略这些文件. 不需要从头写.gitignore文件,GitHub已经为我们准备了各种配置 ...
- [py][mx]django实现根据城市和课程机构类别过滤
实现根据城市&课程机构过滤 实现点谁谁高亮,支持取交集. 直接上代码吧 本质上是过滤,多层过滤,取交集 def get(self, request): all_orgs = CourseOrg ...
- 小型网站MYSQL问题二:Percona Xtrabackup实现数据库备份和恢复
1.安装软件仓库(不要问我为什么不用源码安装,好吧,其实我懒.) 1 2 3 4 5 6 7 8 wget https://www.percona.com/downloads/percona-rele ...
- VS2010/MFC编程入门之十七(对话框:文件对话框)
上一讲鸡啄米介绍的是消息对话框,本节讲解文件对话框.文件对话框也是很常用的一类对话框. 文件对话框的分类 文件对话框分为打开文件对话框和保存文件对话框,相信大家在Windows系统中经常见 ...
- Sublime Text3编辑器简介
Sublime Text3编辑器简介 下载地址 绿色中文版v3.3038下载地址:http://www.cncrk.com/downinfo/60832.html 官方网址(英文安装版)下载地址:ht ...
- Spring JPA中OneToOne和OneToMany用法
Spring工程中,创建实体对象时,可以通过JPA的@Entity标识实体与数据库表的对应关系,@Column标识数据库字段.其中还有标识两个实体间关系的注解:@OneToOne.@OneToMany ...
- HDU 2544 最短路(最短路&Floyd)题解
思路:Floyd模板题,注意一下Floyd核心的三个循环,顺序不要变,我们不能把k放在最内层.因为Floyd是通过不断遍历查找是否有更小的两个路径拼起来能比当前小,如果k在最内层,那么我们就会提前算好 ...
- 记一次Servlet中getAttribute的错误.
package com.ykmimi.order.servlet; import java.io.IOException; import javax.servlet.RequestDispatcher ...
- Python学习札记(四十二) IO 2
参考:StringIO和BytesIO NOTE 1.StringIO: 顾名思义就是在内存中读写str. #!/usr/bin/env python from io import BytesIO a ...
- SDN前瞻 传统网络架构的危机:危机“四”起
本文基于SDN导论的视频而成:SDN导论 在网络发展速度如此之快的今天,传统网络的架构充满了危机,主要有这四个问题(3+1). 1)传统网络的部署和管理 非常困难 2)分布式网络架构凸显瓶颈 3)流量 ...