501 lines
17 KiB
JavaScript
501 lines
17 KiB
JavaScript
/**
|
||
* 功能说明: 输入验证
|
||
* @author: vivy <lizhizyan@qq.com>
|
||
* @time: 2015-9-25 16:15:30
|
||
* @version: V1.1.0
|
||
* @使用方法:
|
||
* <input class="required" type="text" data-valid="isNonEmpty||isEmail" data-error="email不能为空||邮箱格式不正确" id="" />
|
||
* 1、需要验证的元素都加上【required】样式
|
||
* 2、@data-valid 验证规则，验证多个规则中间用【||】隔开，更多验证规则，看rules和rule，后面遇到可继续增加
|
||
* 3、@data-error 规则对应的提示信息，一一对应
|
||
*
|
||
* @js调用方法：
|
||
* verifyCheck({
|
||
* formId:'verifyCheck', <验证formId内class为required的元素
|
||
* onBlur:null, <被验证元素失去焦点的回调函数>
|
||
* onFocus:null, <被验证元素获得焦点的回调函数>
|
||
* onChange: null, <被验证元值改变的回调函数>
|
||
* successTip: true, <验证通过是否提示>
|
||
* resultTips:null, <显示提示的方法，参数obj[当前元素],isRight[是否正确提示],value[提示信息]>
|
||
* clearTips:null, <清除提示的方法，参数obj[当前元素]>
|
||
* code:true <是否需要手机号码输入控制验证码及点击验证码倒计时,目前固定手机号码ID为phone,验证码两个标签id分别为time_box，resend,填写验证框id为code>
|
||
* phone:true <改变手机号时是否控制验证码>
|
||
* })
|
||
* $("#submit-botton").click(function(){ <点击提交按钮时验证>
|
||
* if(!common.verify.btnClick()) return false;
|
||
* })
|
||
*
|
||
* 详细代码请看register.src.js
|
||
*/
|
||
(function($) {
|
||
var h, timerC = 60,
|
||
opt;
|
||
var j = function(a) {
|
||
a = $.extend(require.defaults, a || {});
|
||
opt = a;
|
||
return (new require())._init(a)
|
||
};
|
||
|
||
function require(f) {
|
||
var g = {
|
||
phone: /^1(3\d|5[0-35-9]|8[025-9]|47)\d{8}$/,
|
||
card: /^((1[1-5])|(2[1-3])|(3[1-7])|(4[1-6])|(5[0-4])|(6[1-5])|71|(8[12])|91)\d{4}(((((19|20)((\d{2}(0[13-9]|1[012])(0[1-9]|[12]\d|30))|(\d{2}(0[13578]|1[02])31)|(\d{2}02(0[1-9]|1\d|2[0-8]))|(([13579][26]|[2468][048]|0[48])0229)))|20000229)\d{3}(\d|X|x))|(((\d{2}(0[13-9]|1[012])(0[1-9]|[12]\d|30))|(\d{2}(0[13578]|1[02])31)|(\d{2}02(0[1-9]|1\d|2[0-8]))|(([13579][26]|[2468][048]|0[48])0229))\d{3}))$/,
|
||
int: /^[0-9]*$/,
|
||
s: ''
|
||
};
|
||
this.rules = {
|
||
isNonEmpty: function(a, b) {
|
||
b = b || " ";
|
||
if (!a.length) return b
|
||
},
|
||
minLength: function(a, b, c) {
|
||
c = c || " ";
|
||
if (a.length < b) return c
|
||
},
|
||
maxLength: function(a, b, c) {
|
||
c = c || " ";
|
||
if (a.length > b) return c
|
||
},
|
||
isRepeat: function(a, b, c) {
|
||
c = c || " ";
|
||
if (a !== $("#" + b).val()) return c
|
||
},
|
||
isSame : function(a,b,c){
|
||
c = c || " ";
|
||
if (a !== $("#" + b).val()) return c
|
||
},
|
||
between: function(a, b, c) {
|
||
c = c || " ";
|
||
var d = parseInt(b.split('-')[0]);
|
||
var e = parseInt(b.split('-')[1]);
|
||
if (a.length < d || a.length > e) return c
|
||
},
|
||
level: function(a, b, c) {
|
||
c = c || " ";
|
||
var r = j.pwdStrong(a);
|
||
if (b > 4) b = 3;
|
||
if (r < b) return c
|
||
},
|
||
isPhone: function(a, b) {
|
||
b = b || " ";
|
||
if (!g.phone.test(a)) return b
|
||
},
|
||
isCompany: function(a, b) {
|
||
b = b || " ";
|
||
if (!g.company.test(a)) return b
|
||
},
|
||
isInt: function(a, b) {
|
||
b = b || " ";
|
||
if (!g.int.test(a)) return b
|
||
},
|
||
isUname: function(a, b) {
|
||
b = b || " ";
|
||
if (!g.uname.test(a)) return b
|
||
},
|
||
isZh: function(a, b) {
|
||
b = b || " ";
|
||
if (!g.zh.test(a)) return b
|
||
},
|
||
isCard: function(a, b) {
|
||
b = b || " ";
|
||
if (!g.card.test(a)) return b
|
||
},
|
||
isChecked: function(c, d, e) {
|
||
d = d || " ";
|
||
var a = $(e).find('input:checked').length,
|
||
b = $(e).find('.on').length;
|
||
if (!a && !b) return d
|
||
}
|
||
}
|
||
};
|
||
require.prototype = {
|
||
_init: function(b) {
|
||
this.config = b;
|
||
this.getInputs = $('#' + b.formId).find('.required:visible');
|
||
var c = false;
|
||
var d = this;
|
||
if (b.code) {
|
||
$("#verifyYz").click(function() {
|
||
var projectId = $.trim($("#projectId").val());
|
||
var flowunid = $.trim($("#flowunid").val());
|
||
var signType = $.trim($("#signType").val());
|
||
var signSource = $.trim($("#signSource").val());
|
||
var inputPage = $.trim($("#inputPage").val());
|
||
var data = { "method":"allinPaySendMessages", "projectId":projectId, "flowunid":flowunid, "signSource":signSource, "signType":signType};
|
||
if(inputPage == 'increment'){
|
||
var accountNo = $.trim($("#accountNo").val());
|
||
var accountName = $.trim($("#accountName").val());
|
||
var tel = $.trim($("#tel").val());
|
||
var idCard = $.trim($("#idCard").val());
|
||
data = {"method":"allinPaySendMessages","signSource":signSource,"signType":signType,
|
||
"accountNo":accountNo,"accountName":accountName,
|
||
"tel":tel,"idCard":idCard,"inputPage":inputPage};
|
||
}
|
||
$.ajax({
|
||
type : "POST",
|
||
url : "sign",
|
||
async : true,
|
||
dataType: "json",
|
||
data : data,
|
||
success : function(data) {
|
||
if("success" == data.message){
|
||
alert("短信验证码发送成功，请留意您的短信提示");
|
||
$("#time_box").text("60 s后可重发");
|
||
addCookie("secondsremained", 60, 60); //添加cookie记录,有效时间60s
|
||
d._sendVerify();
|
||
return true;
|
||
}else{
|
||
alert(data.message||"短信验证码发送失败，请稍后再试");
|
||
return false;
|
||
}
|
||
},
|
||
error : function(data) {
|
||
alert("连接服务器失败");
|
||
return false;
|
||
}
|
||
});
|
||
|
||
})
|
||
}
|
||
$('body').on({
|
||
blur: function(a) {
|
||
var status = d.formValidator($(this));
|
||
if (b.phone && $(this).attr("id") === "phone") d._change($(this));
|
||
b.onBlur ? b.onBlur($(this)) : '';
|
||
if (status && $(this).attr("id") === "accountNo") cardVerify();
|
||
},
|
||
focus: function(a) {
|
||
b.onFocus ? b.onFocus($(this)) : $(this).parent().find("label.focus").not(".valid").removeClass("hide").siblings(".valid").addClass("hide") && $(this).parent().find(".blank").addClass("hide") && $(this).parent().find(".close").addClass("hide")
|
||
},
|
||
keyup: function(a) {
|
||
if (b.phone && $(this).attr("id") === "phone") d._change($(this))
|
||
},
|
||
change: function(a) {
|
||
b.onChange ? b.onChange($(this)) : ''
|
||
}
|
||
}, "#" + b.formId + " .required:visible");
|
||
$('body').on("click", ".close", function() {
|
||
var p = $(this).parent(),
|
||
input = p.find("input");
|
||
input.val("").focus()
|
||
})
|
||
},
|
||
formValidator: function(a) {
|
||
var b = a.attr('data-valid');
|
||
if (b === undefined) return false;
|
||
var c = b.split('||');
|
||
var d = a.attr('data-error');
|
||
if (d === undefined) d = "";
|
||
var e = d.split("||");
|
||
var f = [];
|
||
for (var i = 0; i < c.length; i++) {
|
||
f.push({
|
||
strategy: c[i],
|
||
errorMsg: e[i]
|
||
})
|
||
};
|
||
return this._add(a, f)
|
||
},
|
||
_add: function(a, b) {
|
||
var d = this;
|
||
for (var i = 0, rule; rule = b[i++];) {
|
||
var e = rule.strategy.split(':');
|
||
var f = rule.errorMsg;
|
||
var g = e.shift();
|
||
e.unshift(a.val());
|
||
e.push(f);
|
||
e.push(a);
|
||
var c = d.rules[g].apply(a, e);
|
||
if (c) {
|
||
opt.resultTips ? opt.resultTips(a, false, c) : j._resultTips(a, false, c);
|
||
return false
|
||
}
|
||
}
|
||
opt.successTip ? (opt.resultTips ? opt.resultTips(a, true) : j._resultTips(a, true)) : j._clearTips(a);
|
||
return true
|
||
},
|
||
_sendVerify: function() {
|
||
var a = this;
|
||
$("#verifyYz").text("发送验证码").hide();
|
||
$("#time_box").text("60 s后可重发").show();
|
||
countdown = getCookieValue("secondsremained");
|
||
/* if (timerC === 0) {
|
||
clearTimeout(h);
|
||
timerC = 60;
|
||
$("#verifyYz").show();
|
||
$("#time_box").hide();
|
||
return;
|
||
}*/
|
||
countdown--;
|
||
if (countdown <= 0) {
|
||
clearTimeout(h);
|
||
timerC = 60;
|
||
$("#verifyYz").show();
|
||
$("#time_box").hide();
|
||
return;
|
||
}else{
|
||
$("#verifyYz").hide();
|
||
$("#time_box").text(countdown + " s后可重发");
|
||
}
|
||
|
||
h = setTimeout(function() {
|
||
editCookie("secondsremained", countdown, countdown + 1);
|
||
a._sendVerify()
|
||
}, 1000)
|
||
},
|
||
_change: function(a) {
|
||
var b = this;
|
||
if (a.val().length != 11) {
|
||
$("#verifyYz").hide();
|
||
$("#time_box").show();
|
||
if (timerC === 60) $("#time_box").text("发送验证码");
|
||
$("#verifyNo").val("");
|
||
this.config.clearTips ? this.config.clearTips($("#verifyNo")) : j._clearTips($("#verifyNo"));
|
||
return
|
||
}
|
||
var c = /^1([^01269])\d{9}$/;
|
||
if (!c.test(a.val())) return false;
|
||
if (timerC === 60) {
|
||
$("#verifyYz").show();
|
||
$("#time_box").hide()
|
||
} else {
|
||
$("#verifyYz").hide();
|
||
$("#time_box").show()
|
||
}
|
||
}
|
||
};
|
||
j._click = function(c) {
|
||
c = c || opt.formId;
|
||
var d = $("#" + c).find('.required:visible'),
|
||
self = this,
|
||
result = true,
|
||
t = new require(),
|
||
r = [];
|
||
$.each(d, function(a, b) {
|
||
result = t.formValidator($(b));
|
||
if (result) r.push(result)
|
||
});
|
||
if (d.length !== r.length) result = false;
|
||
return result
|
||
};
|
||
j._clearTips = function(a) {
|
||
a.parent().find(".blank").addClass("hide");
|
||
a.parent().find(".valid").addClass("hide");
|
||
a.removeClass("v_error")
|
||
};
|
||
j._resultTips = function(a, b, c) {
|
||
a.parent().find("label.focus").not(".valid").addClass("hide").siblings(".focus").removeClass("hide");
|
||
a.parent().find(".close").addClass("hide");
|
||
a.removeClass("v_error");
|
||
c = c || "";
|
||
if (c.length > 21) c = "<span>" + c + "</span>";
|
||
var o = a.parent().find("label.valid");
|
||
if (!b) {
|
||
o.addClass("error");
|
||
a.addClass("v_error");
|
||
if ($.trim(a.val()).length > 0) a.parent().find(".close").removeClass("hide")
|
||
} else {
|
||
a.parent().find(".blank").removeClass("hide")
|
||
}
|
||
o.text("").append(c)
|
||
};
|
||
j.textChineseLength = function(a) {
|
||
|
||
};
|
||
j.pwdStrong = function(a) {
|
||
var b = 0;
|
||
if (a.match(/[a-z]/g)) {
|
||
b++
|
||
}
|
||
if (a.match(/[A-Z]/g)) {
|
||
b++
|
||
}
|
||
if (a.match(/[0-9]/g)) {
|
||
b++
|
||
}
|
||
if (a.match(/(.[^a-z0-9A-Z])/g)) {
|
||
b++
|
||
}
|
||
if (b > 4) {
|
||
b = 4
|
||
}
|
||
if (b === 0) return false;
|
||
return b
|
||
};
|
||
require.defaults = {
|
||
formId: 'verifyCheck',
|
||
onBlur: null,
|
||
onFocus: null,
|
||
onChange: null,
|
||
successTip: true,
|
||
resultTips: null,
|
||
clearTips: null,
|
||
code: true,
|
||
phone: false
|
||
};
|
||
window.verifyCheck = $.verifyCheck = j
|
||
})(jQuery);
|
||
(function($) {
|
||
var f;
|
||
var g = function() {
|
||
return (new require())._init()
|
||
};
|
||
|
||
function require(a) {};
|
||
require.prototype = {
|
||
_init: function() {
|
||
var b = this;
|
||
$('body').on({
|
||
click: function(a) {
|
||
b._click($(this))
|
||
}
|
||
}, ".showpwd:visible")
|
||
},
|
||
_click: function(a) {
|
||
var c = a.attr('data-eye');
|
||
if (c === undefined) return false;
|
||
var d = $("#" + c),
|
||
cls = !d.attr("class") ? "" : d.attr("class"),
|
||
value = !d.val() ? "" : d.val(),
|
||
type = d.attr("type") === "password" ? "text" : "password",
|
||
b = d.parent().find("b.placeTextB"),
|
||
isB = b.length === 0 ? false : true;
|
||
var s = d.attr("name") ? " name='" + d.attr("name") + "'" : "";
|
||
s += d.attr("data-valid") ? " data-valid='" + d.attr("data-valid") + "'" : "";
|
||
s += d.attr("data-error") ? " data-error='" + d.attr("data-error") + "'" : "";
|
||
s += d.attr("placeholder") ? " placeholder='" + d.attr("placeholder") + "'" : "";
|
||
var e = '<input readonly type="' + type + '" class="' + cls + '" value="' + value + '" id="' + c + '"' + s + ' />';
|
||
if (type === "text") {
|
||
if (isB) b.hide();
|
||
d.parent().find(".icon-close.close").addClass("hide");
|
||
d.removeAttr("id").hide();
|
||
d.after(e);
|
||
a.addClass("hidepwd")
|
||
} else {
|
||
d.prev("input").attr("id", c).val(value).show();
|
||
if (isB && $.trim(value) === "") {
|
||
d.prev("input").hide();
|
||
b.show()
|
||
}
|
||
d.remove();
|
||
a.removeClass("hidepwd")
|
||
};
|
||
$('body').on("click", "#" + c, function() {
|
||
$(this).parent().find(".hidepwd").click();
|
||
if (isB && $.trim($(this).val()) === "") {
|
||
d.show();
|
||
b.hide()
|
||
}
|
||
d.focus()
|
||
})
|
||
}
|
||
};
|
||
require.defaults = {};
|
||
window.togglePwd = $.togglePwd = g
|
||
})(jQuery);
|
||
(function($) {
|
||
var b, timerC, opt;
|
||
var d = function(a) {
|
||
a = $.extend(require.defaults, a || {});
|
||
opt = a;
|
||
d._clear();
|
||
return (new require())._init()
|
||
};
|
||
|
||
function require(a) {};
|
||
require.prototype = {
|
||
_init: function() {
|
||
timerC = opt.maxTime;
|
||
this._sendVerify()
|
||
},
|
||
_sendVerify: function() {
|
||
var a = this;
|
||
if (timerC === 0) {
|
||
d._clear();
|
||
opt.after();
|
||
timerC = opt.maxTime;
|
||
return
|
||
}
|
||
timerC--;
|
||
opt.ing(timerC);
|
||
b = setTimeout(function() {
|
||
a._sendVerify()
|
||
}, 1000)
|
||
}
|
||
};
|
||
d._clear = function() {
|
||
clearTimeout(b)
|
||
};
|
||
require.defaults = {
|
||
maxTime: 60,
|
||
minTime: 0,
|
||
ing: function(c) {},
|
||
after: function() {}
|
||
};
|
||
window.countdown = $.countdown = d
|
||
})(jQuery);
|
||
$(function() {
|
||
togglePwd();
|
||
verifyCheck();
|
||
});
|
||
|
||
//发送验证码时添加cookie
|
||
function addCookie(name, value, expiresHours) {
|
||
var cookieString = name + "=" + escape(value);
|
||
//判断是否设置过期时间,0代表关闭浏览器时失效
|
||
if(expiresHours > 0) {
|
||
var date = new Date();
|
||
date.setTime(date.getTime() + expiresHours * 1000);
|
||
cookieString = cookieString + ";expires=" + date.toUTCString();
|
||
}
|
||
document.cookie = cookieString;
|
||
}
|
||
|
||
//修改cookie的值
|
||
function editCookie(name, value, expiresHours) {
|
||
var cookieString = name + "=" + escape(value);
|
||
if(expiresHours > 0) {
|
||
var date = new Date();
|
||
date.setTime(date.getTime() + expiresHours * 1000); //单位是毫秒
|
||
cookieString = cookieString + ";expires=" + date.toGMTString();
|
||
}
|
||
document.cookie = cookieString;
|
||
}
|
||
//根据名字获取cookie的值
|
||
function getCookieValue(name) {
|
||
var strCookie = document.cookie;
|
||
var arrCookie = strCookie.split("; ");
|
||
for(var i = 0; i < arrCookie.length; i++) {
|
||
var arr = arrCookie[i].split("=");
|
||
if(arr[0] == name) {
|
||
return unescape(arr[1]);
|
||
break;
|
||
}
|
||
}
|
||
}
|
||
|
||
//开始倒计时
|
||
var countdown;
|
||
|
||
|
||
function sendVerify() {
|
||
countdown = getCookieValue("secondsremained");
|
||
if(countdown !=undefined&&countdown!='NaN'&&countdown!='null'&&countdown>0) {
|
||
$("#verifyYz").text("发送验证码").hide();
|
||
$("#time_box").text("60 s后可重发").show();
|
||
if (countdown <= 0) {
|
||
$("#verifyYz").show();
|
||
$("#time_box").hide();
|
||
return;
|
||
} else {
|
||
$("#verifyYz").hide();
|
||
$("#time_box").text(countdown + " s后可重发");
|
||
}
|
||
countdown--;
|
||
h = setTimeout(function () {
|
||
editCookie("secondsremained", countdown, countdown + 1);
|
||
sendVerify()
|
||
}, 1000)
|
||
}
|
||
}
|