from表单校验插件 validate 实例
$("#nextSubmit").click(function(){
$("#recovePasswordForm").submit();
});
$("#upCaptcha").click(function(){
changeImg();
});
$("#recovePasswordForm").validate({
submitHandler:function(form){
$.ajax({
type: "GET",
data:{"phone":$("#mobilePhone").val(),"verifyCode":$("#verifyCode").val(),"recovePassword":"1"},
dataType: 'json',
url: $("#phoneExistFlag").val(),
success: function(response){
var data = response[0];
if(data.isPhoneExist){
$('[name="sessionKey"]').val(data.sessionKey);
form.submit();
}else{
if(data.passMessageFlag != ""){
if(data.passMessageFlag.indexOf("验证码")>=0){
$("#message2").html(data.passMessageFlag).attr("class","error");
$("#verifyCode").val("");
changeImg();
}else{
$("#message1").html(data.passMessageFlag).attr("class","error");
}
}
}
},
error:function(response){
$.msg.alert("系统繁忙,给您带来的不便敬请谅解!");
}
});
},
rules:{
mobilePhone:{required:true,minlength:11,cRegex: true},
verifyCode:{required:true,minlength:3}
},
messages:{
mobilePhone:{required:"请输入手机号码!",minlength:"手机号码输入不全,请检查!"},
verifyCode:{required:"请输入验证码!",minlength:"验证码输入错误,请您重新输入!"}
},errorElement: "span", //可以用其他标签,记住把样式也对应修改
errorClass : "error_error",
success: function(label) {
//label指向上面那个错误提示信息标签em
label.removeClass().addClass("success"); //加上自定义的success类
label.html("");//清空错误提示消息
}
});
$.validator.addMethod("cRegex",function (value,element) {
var isRegex = commValiCellphone(value);
return this.optional(element) || isRegex;
} , '请正确填写手机号码!');
from表单校验插件 validate 实例的更多相关文章
- 2.12 学习总结 之 表单校验插件validate
一.说在前面 昨天 学习了ajax的相关知识 今天 学习表单校验插件validate, 并使用ajax 自定义校验规则 二.validate 插件 1.网络上有许多成熟的插件共使用者参考,插件就是将j ...
- JQuery 表单校验插件 validate 使用纪录
JS诞生其中一个目的就是将, 服务器端的校验在客户端提前完成, 以避免用户提交数据后, 后台校验报错的糟糕用户体验. 基于JQuery库的有很多优秀的插件, 其中对于浏览器端表单进行验证的基本功能也有 ...
- Jquery表单验证插件validate
写在前面: 在做一些添加功能的时候,表单的提交前的验证是必不可少的,jquery的validate插件就还可以,对于基本的需求已经够了.这里记录下基本的用法. 还是写个简单的demo吧 <htm ...
- 【JAVAWEB学习笔记】28_jqueryAjax:json数据结构、jquery的ajax操作和表单校验插件
Ajax-jqueryAjax 今天内容: 1.json数据结构(重点) 2.jquery的ajax操作(重点) 3.jquery的插件使用 一.json数据结构 1.什么是json JSON(J ...
- 表单校验插件(bootstrap-validator)
表单校验插件(bootstrap-validator) 参考文档 http://blog.csdn.net/nazhidao/article/details/51542508 http://blog. ...
- 表单验证插件——validate
表单验证插件——validate 该插件自带包含必填.数字.URL在内容的验证规则,即时显示异常信息,此外,还允许自定义验证规则,插件调用方法如下: $(form).validate({options ...
- 简单好用的表单校验插件——jQuery Validate基本使用方法总结
jquery validate当前最新版本是1.17.0,下载链接是:https://github.com/jquery-validation/jquery-validation/releases/t ...
- jQuery Validate 表单验证插件----Validate简介,官方文档,官方下载地址
一. jQuery Validate 插件的介绍 jQuery Validate 插件为表单提供了强大的验证功能,让客户端表单验证变得更简单,同时提供了大量的定制选项,满足应用程序各种需求.该插件捆 ...
- 案例15-基本的表单校验使用validate
1 导入插件 <!--引入jquery相关文件 --> <script src="js/jquery-1.11.3.min.js" type="text ...
随机推荐
- Powershell同时使用可选强制参数
支持所有PS版本 在下面脚本函数中让可选参数和强制参数必须同时使用. 下面演示当可选参数出现,也必须使用这个强制参数. function Connect-Somewhere { [CmdletBind ...
- js03-javascript对象
在JavaScript中除了null和undefined以外其他的数据类型都被定义成了对象,也可以用创建对象的方法定义变量,String.Math.Array.Date.RegExp都是JavaScr ...
- 简单实现计算机上多个jdk环境切换
实现多个jdk环境切换,大致有两种方式 安装两个jdk,并配置相应的环境变量,在java的控制面板中修改设置 非主要的jdk仅仅是用来测试,并不常用,故只要让ide配置对应的jdk位置就可以了,属于懒 ...
- Python——Pycharm打包exe文件
一.安装pyinstraller pip install PyInstaller 二.打包程序 pyinstaller.py -F -w -i tubiao.ico 文件名.py -F 表 ...
- python之函数闭包、可迭代对象和迭代器
一.函数名的应用 # 1,函数名就是函数的内存地址,而函数名()则是运行这个函数. def func(): return print(func) # 返回一个地址 # 2,函数名可以作为变量. def ...
- 天气预测(CNN)
import torch import torch.nn as nn import torch.utils.data as Data import numpy as np import pymysql ...
- 【BZOJ5503】[GXOI/GZOI2019]宝牌一大堆(动态规划)
[BZOJ5503][GXOI/GZOI2019]宝牌一大堆(动态规划) 题面 BZOJ 洛谷 题解 首先特殊牌型直接特判. 然后剩下的部分可以直接\(dp\),直接把所有可以存的全部带进去大力\(d ...
- [九省联考2018]IIIDX
题目描述 这一天,Konano接到了一个任务,他需要给正在制作中的游戏<IIIDX>安排曲目的解锁顺序.游戏内共有n首曲目 ,每首曲目都会有一个难度d,游戏内第i首曲目会在玩家Pass第t ...
- 来自多校的一个题——数位DP+卡位
n<=1e9就要考虑倍增.矩阵乘法这种了 假设L=0 考虑枚举二进制下,所有X与R的LCP长度,前len高位 对于第len+1位,假设R的这一位是1 如果一个x的这一位是0了,那么后面可以随便填 ...
- JS学习笔记Day10
一.设置或获取元素对象中(标签中)的属性和自定义属性 对象.属性 对象['属性'] 对象.getAttribute('属性名') 对象.setAttribute('属性名','属性值'); 对象.re ...