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; } });