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