• js——正则表达式


    正则表达式:

    1.test

      demo:

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
        <script type="text/javascript" src="jquery-1.12.4.min.js"></script>
        <script type="text/javascript">
    
            <!--定义一个正则规则-->
            //第一种定义方法
            //匹配a  i:忽略大小写 g:全局匹配
            var re = new RegExp('a','ig');
    
            //第二种匹配方法
            var re2 = /a/ig;
            
            var str = 'abc';
            alert(re2.test(str));
        </script>
    </head>
    <body>
    </body>
    </html>

    结果:

    给之前天天生鲜的登陆页面增加正则表达式的验证,添加一个js文件如下:

    $(function () {
        var error_name = false;
        var error_pwd = false;
    
        $('#user_name').blur(function(){
            check_username();
        })
        
        $('#user_name').focus(function () {
            $(this).next().hide();
        })
    
        $('#cpwd').blur(function(){
            check_pwd();
        })
    
        $('#cpwd').focus(function () {
            $(this).next().hide();
        })
    
        function check_username(){
            var val = $('#user_name').val();
            var re = /^[a-z0-9]{5,15}$/
            if(val==''){
                $('#user_name').next().html('用户名不能为空!');
                $('#user_name').next().show();
    
                error_name = true;
                return;
            }
    
            if(re.test(val)){
                error_name = false;
            }
            else{
                error_name = true;
                $('#user_name').next().html('用户名是包含数字、字母下划线的5到15位字符');
                $('#user_name').next().show();
            }
        }
    
        function check_pwd() {
            var val = $('#cpwd').val();
            var re = /^[a-zA-Z0-9@$*.!?]{6,16}$/;
            if(val==''){
                $('#cpwd').next().html('密码不能为空!');
                $('#user_name').next().show();
    
                error_pwd = true;
                return;
            }
    
            if(re.test(val)){
                error_pwd = false;
            }
            else{
                error_name = true;
                $('#cpwd').next().html('密码是包含数字、字母,还包含@$*.!?的6到16位字符');
                $('#cpwd').next().show();
            }
        }
    
        $('.input_sub').submit(function () {
            check_username();
            check_pwd();
            if(!(error_name==false && error_pwd==false)){
                return false;
            }
        })
    })
  • 相关阅读:
    BZOJ 1578: [Usaco2009 Feb]Stock Market 股票市场( 背包dp )
    BZOJ 3315: [Usaco2013 Nov]Pogo-Cow( dp )
    BZOJ 3477: [Usaco2014 Mar]Sabotage( 二分答案 )
    BZOJ 2427: [HAOI2010]软件安装( dp )
    BZOJ 3211: 花神游历各国( 线段树 )
    POJ 2528 线段树 + 离散化
    POJ 1151 Atlantis 线段树+离散化+扫描线
    POJ1177 Picture 线段树+离散化+扫描线
    BZOJ1016: [JSOI2008]最小生成树计数
    POJ2104 K-th Number 划分树 模板题啊
  • 原文地址:https://www.cnblogs.com/gaoquanquan/p/9224298.html
Copyright © 2020-2023  润新知