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

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

posted @ 2016-06-01 16:25  luoluo8  阅读(192)  评论(0编辑  收藏  举报