zoukankan      html  css  js  c++  java
  • 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-9u4e00-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();
        });
    });
    

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

  • 相关阅读:
    python dataframe根据变量类型选取变量
    史上最简单的Xgboost安装教程 for Python3.7 on Win10!亲测有效!
    Python三种基础数据类型:列表list,元祖tuple和字典dict
    Time 模块
    第二周 3(实战:中国大学排名定向爬虫)
    第二周 2(信息标记与提取)
    第二周 1(beautiful soup库)
    第一周 2(requests库实战)
    第一周 1 (requests库)
    pd.concat()
  • 原文地址:https://www.cnblogs.com/luoluo8/p/5550057.html
Copyright © 2011-2022 走看看