jquery正则验证器
html
<input class="bp_check" limit="/.+/" err="输入证书编号" type="text" placeholder="输入证书编号...">
js
//正则验证
//使用方法
//添加class bp_check
//添加reg属性,值为正则表达试
//添加err属性,值为错误提示文本
check = function check(){
chckeRes = true;
//没有需要验证的对象
if($('.bp_check').length == 0){
return true;
}
//当输入时,取消错误提醒样式
$('.bp_check').on('keydown',function(){
try{
layer.close(tips);
}catch(e){
console.log(e);
}
$(this).css('border','1px solid #d5d5d5');
});
//验证
$('.bp_check').each(function(){
var val = $(this).val();
var limit = eval($(this).attr('limit'));
//错误提示
if(!limit.test(val)){
var err = $(this).attr('err')
if(!err){err = '输入格式错误';}
tips = layer.tips(err,this,{tips:[3,'#f60'],time:3000});
$(this).css('border','1px solid #FF5722');
$(this).focus();
chckeRes = false;
return false;
}
});
return chckeRes;
}
$('#myform').submit(function(){
//提交前,执行验证
if(!check()){
return false;
}
});