表单验证
// 验证姓名
function namevalidate(valCon) {
var checkResult = true;
var valCon1 = $.trim(valCon.val());// 去空
var regular = /[^\u4E00-\u9FA5]/g;
valCon.css('border-color','#FA8072');
if( valCon1 =="") {
checkResult = false;
} else if (regular.test(valCon1)) { // 判断输入是否包含为数字
checkResult = false;
} else if (valCon1.length < 2) {
checkResult = false;
} else {
valCon.css('border-color','#c7c7c7');
checkResult = true;
}
return checkResult;
}
// 检查联系方式
function phoneValidate(valCon) {
var checkResult = true;
var valCon1 = $.trim(valCon.val());// 去空
var regular = /^[1][3,4,5,7,8][0-9]{9}$/;
valCon.css('border-color','#FA8072');
if( valCon1 =="") {
checkResult = false;
} else if (!regular.test(valCon1)) { // 判断输入是否包含为数字
checkResult = false;
} else {
valCon.css('border-color','#c7c7c7');
checkResult = true;
}
return checkResult;
}
// 检查身份证号码
function isCardNoValidate(valCon) {
var checkResult = true;
var valCon1 = $.trim(valCon.val());// 去空
var regular = /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/;
valCon.css('border-color','#FA8072');
if( valCon1 =="") {
checkResult = false;
} else if (!regular.test(valCon1)) {
checkResult = false;
} else {
valCon.css('border-color','#c7c7c7');
checkResult = true;
}
return checkResult;
}
// 是否为空 限制20个字符
function emptyValidate(valCon) {
var checkResult = true;
var valCon1 = $.trim(valCon.val());// 去空
valCon.css('border-color','#FA8072');
if( valCon1 =="") {
checkResult = false;
} else if (valCon1.length > 20) {
checkResult = false;
} else {
valCon.css('border-color','#c7c7c7');
checkResult = true;
}
return checkResult;
}
// 是否为空 限制100个字符
function hundredValidate(valCon) {
var checkResult = true;
var valCon1 = $.trim(valCon.val());// 去空
valCon.css('border-color','#FA8072');
if( valCon1 =="") {
checkResult = false;
} else if (valCon1.length > 100) {
checkResult = false;
} else {
valCon.css('border-color','#c7c7c7');
checkResult = true;
}
return checkResult;
}
// 是否为空，不限制长度
function emptyUrlValidate(valCon) {
var checkResult = true;
var valCon1 = $.trim(valCon.val());// 去空
valCon.css('border-color','#FA8072');
if( valCon1 =="") {
checkResult = false;
} else {
valCon.css('border-color','#c7c7c7');
checkResult = true;
}
return checkResult;
}
// 单张选择图片
var singleList={};
function single(file) {
var className = file.id;
if (file.files && file.files[0]){
var reader = new FileReader();
reader.onload = function(evt){
// 存数据
singleList[className] = file.files;
$(file).parent().find(".volunteerImg").html("<img class='head_img' src='"+evt.target.result+"'>");
}
reader.readAsDataURL(file.files[0]);
}
}
// 验证图片
function imgValidate(valCon) {
// 获取当前样式名称
var valName = valCon[0].id;
var checkResult = true;
valCon.parent().parent().css('border-color','#FA8072');
valCon.parent().find(".positive-img").css('color','#FA8072');
if (singleList[valName]) {
valCon.parent().parent().css('border-color','#cfcfcf');
valCon.parent().find(".positive-img").css('color','#cfcfcf');
checkResult = true;
}else{
checkResult = false;
}
return checkResult;
}
//验证金额
function moneyValidate(valCon) {
var checkResult = true;
var valCon1 = $.trim(valCon.val());// 去空
var regular = /(^[1-9]([0-9]+)?(\.[0-9]{1,2})?$)|(^(0){1}$)|(^[0-9]\.[0-9]([0-9])?$)/;
valCon.css('border-color','#FA8072');
if( valCon1 =="") {
checkResult = false;
} else if (!regular.test(valCon1)) {
checkResult = false;
} else {
valCon.css('border-color','#d9d9d9');
checkResult = true;
}
return checkResult;
}
// 判断只能输入数字
function digitalValidate(valCon) {
var checkResult = true;
var valCon1 = $.trim(valCon.val());// 去空
var regular = /(^[0-9]*$)/;
valCon.css('border-color','#FA8072');
if( valCon1 =="") {
checkResult = false;
} else if (!regular.test(valCon1)) {
checkResult = false;
} else {
valCon.css('border-color','#d9d9d9');
checkResult = true;
}
return checkResult;
}
// 是否富文本为空
function ueditorValidate(valCon) {
var checkResult = true;
var valCon1 = UE.getEditor('editor').getcontent();// 去空
valCon.find("#edui1").css('border-color','#FA8072');
if( valCon1 =="") {
checkResult = false;
}else {
valCon.find("#edui1").css('border-color','#c7c7c7');
checkResult = true;
}
return checkResult;
}
// 长度限制
function lengthValidate(valCon) {
var checkResult = true;
var valCon1 = $.trim(valCon.val());// 去空
valCon.css('border-color','#FA8072');
if( valCon1 =="") {
checkResult = false;
} else if (valCon1.length > 200) {
checkResult = false;
} else {
valCon.css('border-color','#c7c7c7');
checkResult = true;
}
return checkResult;
}
//在需要用到的页面调用
// 离开的时候
function toShowReg() {
// 检查名称
$(".类名").focus(function(){
$(this).addClass("focus");
});
$(".类名").blur(function(){
var valCon = $(this);
emptyValidate(valCon);
$(this).removeClass("focus");
});
}
相关阅读
非负浮点数（正浮点数 + 0）：^d+(.d+)?$正浮点数 ^(([0-9]+.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*.[0-9]+)|([0-9]*[1-9][0-9]*))$非
为了注册一个谷歌账号，花费了我整整一个下午的时间，因为在填写号码的时候，一直报“此电话号码无法用于验证”，尝试了各种方法，比如：1.16
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Form</title> </head> <body> <p></p> <p></p> <ce
效果如下 完整代码如下 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Bootstrap 实例 - 带语境色彩
效果图： 一般很多网站都有滑动条的验证，我是从站长素材上下载的。 给大家一个下载网址：http://sc.chinaz.com/jiaoben/160330568920