input验证正则代码示例

最新推荐文章于 2020-05-08 16:35:29 发布

weixin_30954607

最新推荐文章于 2020-05-08 16:35:29 发布

阅读量85

点赞数

原文链接：http://www.cnblogs.com/luoluo8/p/5550057.html

版权

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

验证昵称，邮箱，判断不全。。

转载于:https://www.cnblogs.com/luoluo8/p/5550057.html