关于jquery.validate.js的用法
// 手机号码验证
jQuery.validator.addMethod("isMobile", function(value, element) {
var length = value.length;
var mobile = /^(((13[0-9]{1})|(15[0-9]{1})|(18[0-9]{1}))+\d{8})$/;
return this.optional(element) || (length == 11 && mobile.test(value));
}, "请输入正确的手机号码");
jQuery.validator.addMethod("isMobile2", function(value, element) {
status1=checkphone(value);
return this.optional(element) || status1;
}, "此手机号码已经注册");
jQuery.validator.addMethod("isUsername", function(value, element) {
status2=checkname(value);
return this.optional(element) || status2;
}, "此账号已经被注册");
jQuery.validator.addMethod("ischecked", function(value, element) {
status2=ischecked(value);
return this.optional(element) || status2;
}, "此账号已经被注册");
//验证输入的验证码是否正确
jQuery.validator.addMethod("yzcheck",function(value,element){
status3=checkCode(value);
return this.optional(element) || status3 ;
},"验证码错误");
$().ready(function() {
$("#firstform1").validate({
debug: true, //调试模式取消submit的默认提交功能
//errorClass: "label.error", //默认为错误的样式类为:error
focusInvalid: false, //当为false时,验证无效时,没有焦点响应
onkeyup: false,
submitHandler: function(form){ //表单提交句柄,为一回调函数,带一个参数:form
register_1();
return false;
//form.submit(); //提交表单
},
/*errorLabelContainer: "#messageBox", //显示错误信息的容器ID
wrapper: "li", //包含每个错误信息的容器*/
rules:{
Username:{
required: true,
minlength:6,
maxlength:18,
isUsername:true
},
phone:{
required:true,
isMobile:true ,
isMobile2:true
},
agreen:{
// ischecked:true,
required:true
},
yzmm:{
required:true,
yzcheck:true,
},
password:{
required:true,
minlength:6,
maxlength:18,
},
repassword:{
required:true,
equalTo:"#password"
}
},
messages:{
Username:{
required: "请填写姓名",
minlength: "字符长度不能小于6个字符",
maxlength: "字符长度不能大于18个字符" ,
isUsername:"此账号已经被注册"
},
phone:{
required: "请输入您的联系电话",
isMobile: "请输入一个有效的联系电话" ,
isMobile2:"此手机号码已经被注册!"
},
agreen:{
required:"微融服务器协议必须",
},
yzmm:{
required:"验证码必须",
yzcheck:"验证码错误",
},
password:{
required:"密码必须",
minlength:"密码长度至少为6位",
maxlength:"密码长度不能超过18位"
},
repassword:{
required:"确认密码必须",
equalTo:"确认密码不正确"
}
} ,
errorPlacement: function(error, element) {
if ( element.is(":radio") )
error.appendTo ( element.parent() );
else if ( element.is(":checkbox") )
error.appendTo ( element.parent() );
else if ( element.is("input[name=captcha]") )
error.appendTo ( element.parent() );
else
error.insertAfter(element);
}
});
});
function checkphone(objvalue){
$.ajax({
url:"action/RegAction.php?action=checkp",
async:false,//异步请求
cache:false,//不缓存
type:"post",
data:{"phone":objvalue},
dataType:"json",
beforeSend:function(){
//$(".layer").fadeOut(500);
},
error:function(){
alert('网络原因');
},
success:function(data){
if(data>=1){
result=false;
}
else{
result=true;
}
}
});
return result;
}
//检测用户名是否存在
function checkname(objvalue){
$.ajax({
url:"action/RegAction.php?action=recheck",
async:false,//异步请求
cache:false,//不缓存
type:"post",
data:{"Username":objvalue},
dataType:"json",
beforeSend:function(){
//$(".layer").fadeOut(500);
},
error:function(){
alert('网络原因');
},
success:function(data){
if(data>=1){
result=false;
}
else{
result=true;
}
}
});
return result;
}
//获取短信
function ischecked(obj){
}
function sendNote1(){
if (status1&status2){
var phone=escape($("input[name='phone']").val());
$.ajax({
url:"action/RegAction.php?action=getMobileCode",
async:true,//设为false会等待ajax执行完毕在执行后面的JS代码
type:"post",
data:{"phone":phone},
dataType:"json",
error:function(){
alert("网络 Error,请稍后尝试注册");
},
success:function(data){
if(data == 1){
seconds=60;
showRzz(seconds,speed,phone);
// $("#getSms").html("<font color=red>验证码已发送, 请耐心等待</font>");
//$("#zhuceButton").prop('disabled', false);
//hideTopError()
}else{
$("#yzmm").removeClass("has-success").addClass("has-error");
$("input[name='yzmm']").val('');
$("input[name='yzmm']").attr("placeholder","验证码不正确");
result=false;
}
}
});// end ajax call
}
}
var seconds = 30;
var speed = 1000;
function showRzz(seconds,speed,phone){
var rzz=$("#getSms1");
var oldText=$("#getSms1").html();
var txt = "<a class='center-block' href='javascript:void(0)'>("+seconds +"发送验证码)</a>";
var timeIdd = setTimeout("showRzz(seconds--,speed)",speed);
if(seconds == 0){
txt="<a href=\"#.\" onClick=\"sendNote1()\" class=\"center-block color58\">获取验证码<span class=\"color4045\">60</span></a>";
clearTimeout(timeIdd);
// alert(seconds)
};
rzz.html(txt);
}
function checkCode(objvalue){
$.ajax({
url:"action/RegAction.php?action=reCode",
async:false,//异步请求
cache:false,//不缓存
type:"post",
data:{"yzmm":objvalue},
dataType:"json",
beforeSend:function(){
//$(".layer").fadeOut(500);
},
error:function(){
alert('网络原因');
},
success:function(data){
if(data==1){
result=true;
}
else{
result=false;
}
}
});
return result;
}
function register_1(){
var username=$("input[name=Username]").val(); //用户名
var phone=$("input[name=phone]").val();//手机号码
$.ajax({
url:"action/ManagerAction.php?action=register_1",
async:false,//异步请求
cache:false,//不缓存
type:"post",
data:{"phone":phone,"username":username},
dataType:"json",
beforeSend:function(){
//$(".layer").fadeOut(500);
},
error:function(){
alert('网络原因');
},
success:function(data){
if(data==1){
window.location.href="register_s1.php?action=step2";
// result=true;
}
else{
alert("网络原因,注册失败!")
result=false;
}
}
});
}
关于jquery.validate.js的用法的更多相关文章
- jquery.validate.js表单验证 jquery.validate.js的用法
jquery.validate.js这个插件已经用了2年多了,是一个不可多得的表单验证最方便快捷的插件.基于jquery的小插件,基本小白一学就会上手,对于项目表单页面比较多,元素比较多的校验,该插件 ...
- jquery.validate.js 表单验证简单用法
引入jquery.validate.js插件以及Jquery,在最后加上这个插件的方法名来引用.$('form').validate(); <!DOCTYPE html PUBLIC " ...
- jquery validate.js表单验证的基本用法入门
这里转载一篇前辈写的文章,在我自己的理解上修改了一下,仅作记录. 先贴一个国内某大公司的代码: 复制代码 代码如下: <script type="text/javascript&quo ...
- jquery.validate.js使用说明——后台添加用户邮箱功能:非空、不能重复、格式正确
重点内容为: jQuery验证控件jquery.validate.js使用说明+中文API[http://www.tuicool.com/articles/iABvI3] 简单教程可以参考[jQue ...
- 表单提交学习笔记(二)—使用jquery.validate.js进行表单验证
一.官网下载地址:http://plugins.jquery.com/validate/ 二.用法 1.在页面上进行引用 <script src="~/scripts/jquery-1 ...
- 修改 jquery.validate.js 支持非form标签
尝试使用markdown来写一篇blog,啦啦啦 源代码传送门:github 在特殊情况下我们使用jquery.validate.js对用户输入的内容做验证的时候,表单并不是一定包含在form之中,有 ...
- 表单验证插件之jquery.validate.js
提到表单验证的插件,第一个想到的就是jquery.validate.js,所以小生想在这里稍微详细地说一下这款插件的具体使用方法,便于理解,我直接附上整段demo的代码(没怎么调样式,主要是看js): ...
- Jquery客户端校验——jquery.validate.js
jQuery Validate 插件为表单提供了强大的验证功能,让客户端表单验证变得更简单,同时提供了大量的定制选项,满足应用程序各种需求.该插件捆绑了一套有用的验证方法,包括 URL 和电子邮件验证 ...
- jQuery验证控件jquery.validate.js使用说明
官网地址:http://bassistance.de/jquery-plugins/jquery-plugin-validation jQuery plugin: Validation 使用说明 转载 ...
随机推荐
- JUC源码分析-集合篇(七)PriorityBlockingQueue
JUC源码分析-集合篇(七)PriorityBlockingQueue PriorityBlockingQueue 是带优先级的无界阻塞队列,每次出队都返回优先级最高的元素,是二叉树最小堆的实现. P ...
- Django的日常-数据传输
目录 Django的日常-1 Django中最常用的三个东西 HTTPresponse render redirect 静态文件相关 form表单的get与post 神奇的request 模板的传值方 ...
- python调用tushare获取A股上市公司管理层人员信息
接口:stk_managers 描述:获取上市公司管理层 注:tushare模块下载和安装教程,请查阅我之前的文章 积分:用户需要2000积分才可以调取,具体请参阅本文最下方积分获取办法 输入参数 名 ...
- Summary 报告
1.需要在添加一个名为summary report的监听器,跑完之后查看 Label:取样器/监听器名称 Samples :事务数量 Average:平均一个完成一个事务消耗的时间(平均响应时间) M ...
- Excel函数——ANSI字符集与Code、Char、Asc函数
小叙背景 Windows系统下,默认的字符集为ANSI,该字符编码方式在不同语言环境下采用不同的编码方案,在中文系统下ANSI编码是GBK.ANSI由ASCII扩展而来,ANSI下无论何种具体的编码方 ...
- spring的组成模块
spring的核心组件(骨骼架构)—— 共同创建了Bean关系网络 Core:主要定义了资源的访问方式 Context:给spring提供一个运行时的环境 Bean:Bean的定义,创建以及解析 ...
- Vue+element ui table 导出到excel
需求: Vue+element UI table下的根据搜索条件导出当前所有数据 参考: https://blog.csdn.net/u010427666/article/details/792081 ...
- [Err] 1701 - Cannot truncate a table referenced in a foreign key constraint
1.SET FOREIGN_KEY_CHECKS=0; 2.DELETE FROM ACT_RE_DEPLOYMENT where 1=1; 或者 truncate table ACT_RE_DEPL ...
- 防HTTP慢速攻击的nginx安全配置
概述 慢速攻击,是一种ddos攻击的变体版本.通常来说,它通过向服务器发送正常的请求,只不过请求的头或者请求体的内容特别长,发送速度有特别慢,这样每一个连接占用的时间就会变得特别长,攻击者会在短时 ...
- 移动端使用fastclick 解决
html vue 1. cnpm i fastclick --save 2. 在main.js中引入并绑定到body import fastclick from 'fastclick'; 3. fas ...