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

 

posted @ 2018-06-25 14:57  高圈圈  阅读(323)  评论(1)  编辑  收藏  举报