/*!
* 主 题：《表单录入验证》
* 说 明：通过控件属性实现验证，包括生成星号标注、非法提示等；
* 功能描述：
* 1、当录入框必填时，在控件后生成红色星号（设置star=false时不显示星号）；
* 2、根据控件属性判断需要录入的数据格式，如果非法则阻止提交并弹出提示
* 3、支持分组验证
* 4、可脱离微厦在线学习系统独立使用（需要JQuery库支持）
*
* 作 者：微厦科技_宋雷鸣_10522779@qq.com
* 开发时间: 2013年8月5日
* 最后修订：2018年2月4日
* github开源地址:https://github.com/weishakeji/Verify_Js
*/
(function () {
var verify = {
version: "1.6", //版本号
//默认属性值
attr: {
place: "bottom", //提示信息显示位置，默认为下方，可以设置right
backgroundcolor: "#FF3300", //背景色
foregroundcolor: "#FFFFFF", //前景色
showheight: 25, //提示框的高度
showsize: 13 //提示框字体大小
},
//验证的错误提示
errmsg: {
nullable: { def: "不能为空", msg1: "请选择", msg2: "该项必须选中" },
lenlimit: { def: "限制{0}字符", msg1: "超出{0}个字符", msg2: "请录入{0}-{1}个字符" },
numlimit: { def: "请输入数字", msg1: "请输入小于等于{0}的数字", msg2: "请录入{0}-{1}之间的数字", msg3: "只能录入{0}" },
sametarget: { def: "两次输入不相同" },
novalue: { def: "值不合法" },
datatype: {
def: "值不合法！",
uint: "请输入正整数",
number: "请输入数字",
float: "请输入浮点数",
tel: "请输入正确的电话号码",
mobile: "请输入移动电话号码",
zip: "请输入邮政编码",
user: "请用字符开头的字母数字组合",
email: "请输入正确的电子信箱",
idcard: "请输入正确的身份证信息",
url: "请输入合法的网络地址",
qq: "请输入合规的QQ号码",
chinese: "请输入中文字符"
},
fileallow: { def: "上传文件仅限{0}格式！" },
filelimit: { def: "不许上传{0}格式的文件！" },
begin: { def: "请以{0}开头！" },
end: { def: "请以{0}结尾！" },
regex: { def: "无法满足录入要求！" }
},
//初始化控件
//element:页面元素（jquery对象），如果为空，则为全局
init: function (element) {
var star = "*";
if (element == null) element = document;
var ctrls = element.querySelectorAll("*[nullable='false'], select[novalue='-1']");
this.toArray(ctrls).forEach(function (item) {
var isstar = verify.getAttr($(item), "star", "true");
if (isstar == "true") item.outerHTML += star;
});
this.toArray(element.querySelectorAll("*[verify='true']")).forEach(function (item) {
item.addEventListener("click", function (e) {
if (this.getAttribute("disabled") == "disabled") return; //如果按钮是禁用的，则不验证
var group = this.getAttribute("group"); //按钮的验证组，识标码
var form = $(e).parents("form");
form = form.size() > 0 ? form : $("body");
var ret = verify.IsPass(form, group);
if (!ret) e.preventDefault();
}, false);
});
//提交按钮的事件
//$("*[verify='true']").click(function () {
//});
//失去焦点时的事件
$("form[patter=focus] *[type!=submit][type!=button][type!=image]:visible").focusout(function () {
verify.operateSingle(null, $(this));
});
$("form[patter!=focus] *[type!=submit][type!=button][type!=image][patter=focus]:visible").focusout(function () {
verify.operateSingle(null, $(this));
});
//当鼠标点击，或录入时，清除提示框
$(window).bind("mousedown keydown scroll onmousewheel", function () {
$(".VerifyShowBox").remove();
});
},
//批量验证控件
IsPass: function (control, group) {
var isPass = true;
group = group == null ? "" : group;
var ctls = control.find("*[type!=submit][type!=button]:visible");
if (ctls.size() > 0) {
ctls.each(function () {
isPass = verify.operateSingle(group, $(this));
if (!isPass) return false;
});
} else {
return verify.operateSingle(group, control);
}
return isPass;
},
//逐个验证控件
operateSingle: function (group, control) {
var isPass = true;
var name = control.get(0).tagName.toLowerCase();
if (name == "input" || name == "select" || name == "textarea") {
//按钮与控件的分组码不同，则跳过
if (group == "all" || verify.isSamegroup(group, control.attr("group"))) {
for (var attr in verify.verifyfunc) {
var attrval = control.attr(attr); //属性的值
if (typeof (attrval) == "undefined") continue;
isPass = verify.verifyfunc[attr](control, attrval, $.trim(control.val()));
if (!isPass) return false;
}
}
}
return isPass;
},
//判断两个组是否有交叠
isSamegroup: function (btnGroup, ctlGroup) {
btnGroup = btnGroup == null ? "" : btnGroup;
ctlGroup = ctlGroup == null ? "" : ctlGroup;
if (btnGroup == ctlGroup) return true;
var arr1 = btnGroup.split("|");
var arr2 = ctlGroup.split("|");
for (var a in arr1) {
for (var b in arr2) {
if (arr1[a] == arr2[b]) return true;
}
}
return false;
},
//获取属性，如果控件没有该属性，则取form上的同名属性
//control:控件
//attrName:属性
//defValue:默认值
getAttr: function (control, attrName, defValue) {
var attr = control.attr(attrName);
if (attr == null || attr == "") {
var form = control.parents("form");
if (form.size() > 0) attr = form.attr(attrName);
}
return attr == null || attr == "" ? defValue : attr;
},
//将节点列表转为数组
toArray: function (nodes) {
var array = null;
try {
array = Array.prototype.slice.call(nodes, 0);//非ie浏览器 ie8-将NodeList实现为COM对象，不能用这种方式检测
} catch (ex) {//ie8-
array = new Array();
for (var i = 0; i < nodes.length; i++) {
array.push(nodes[0]);
}
}
return array;
},
//显示提示个信息
//control:要显示提示的控件
//showTxt:要显示的提示，如果控件有alt属性，则显示alt值作为提示
//isforce:是否强行显示showTxt
showBox: function (control, showTxt, isforce) {
//提示信息
if (isforce == null || !isforce) {
var alt = $.trim(control.attr("alt"));
showTxt = alt.length < 1 ? showTxt : alt;
}
var html = "";
html += "
" + showTxt + "