input验证 正则 代码示例
$(function(){ var name = $(".basic-information-item #name"); var emil = $(".basic-information-item #emil"); var btn = $(".basic-information-item #btn"); var regMail = /[a-zA-Z0-9]{1,10}@[a-zA-Z0-9]{1,5}\.[a-zA-Z0-9]{1,5}/; var patrn=/^[a-zA-Z0-9\u4e00-\u9fa5]*$/; function checkname(){ if(!patrn.test(name.val())){ name.siblings('#ckerror').show().html("<i class='iconfont'></i> 请输入数字、汉字、字母"); return false; }else if(name.val().length < 2){ name.siblings('#ckerror').show().html("<i class='iconfont'></i> 至少输入2个字符"); return false; }else{ name.siblings('#ckerror').hide(); } } function checkemail(){ if (!regMail.test(emil.val())){ emil.siblings('#ckerror').show().html("<i class='iconfont'></i> 请输入正确的邮箱"); return false; } else { emil.siblings('#ckerror').hide(); } } name.blur(function(){ return checkname(); }); name.focus(function(){ $(this).siblings('#ckerror').hide(); }); emil.blur(function(){ return checkemail(); }); emil.focus(function(){ $(this).siblings('#ckerror').hide(); }); btn.on('click', function() { if(!patrn.test(name.val())){ name.siblings('#ckerror').show().html("<i class='iconfont'></i> 请输入数字、汉字、字母"); return false; }else if(name.val().length < 2){ name.siblings('#ckerror').show().html("<i class='iconfont'></i> 至少输入2个字符"); return false; }else{ name.siblings('#ckerror').hide(); } if(!regMail.test(emil.val())){ emil.siblings('#ckerror').show().html("<i class='iconfont'></i> 请输入正确的邮箱"); return false; } else { emil.siblings('#ckerror').hide(); } //return true; document.myform.submit(); //$("#myform").submit(); }); });
验证昵称,邮箱,判断不全。。