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

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

  • 相关阅读:
    (一)七种AOP实现方法
    构造函数中base与this的区别
    第三章----CSS样式表综合整理
    第二章-----Html标签——综合整理
    第四章——JavaScript简单语法
    第一章---零基础闯荡IT界
    【matlab】读写文件
    icp算法基本思想
    KD-tree
    【MRPT】【icp-slam-live】Vs2013+ cmake3.6.1 + mrpt1.4.0+opencv2.9.4+wxWidget3.0.2环境配置
  • 原文地址:https://www.cnblogs.com/luoluo8/p/5550057.html
Copyright © 2011-2022 走看看