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

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

  • 相关阅读:
    subset子集全排序问题
    第15章动态规划------算法导论
    内存管理思维导图------现代操作系统(第四版)
    进程与线程思维导图------现代操作系统(第四版)
    现代操作系统
    GHUnitiOS 单元测试(带UI界面)下载地址
    iOS + webSocket 通讯
    iOS 甘特图的实现
    NSDate根据日期获得当前是周几,以及一年内的第几周,以及一个月内得第几周
    Swift 中文文档
  • 原文地址:https://www.cnblogs.com/luoluo8/p/5550057.html
Copyright © 2011-2022 走看看