jquery做一个表单验证

• 正则表达式的写法：

var re=new RegExp('规则', '可选参数');
var re=/规则/参数;(这个最常用)

• 正则表达式的规则

和其他语言的正则表达式规则一样，可以参考我的另一边博文：https://www.cnblogs.com/chichung/p/9556199.html

• 修饰参数：

g： global，全文搜索，默认搜索到第一个结果接停止
i： ignore case，忽略大小写，默认大小写敏感

• 常用函数 

test
用法：正则.test(字符串) 匹配成功，就返回真，否则就返回假

用jQuery做了一个表单验证，作为示例：

$(function(){
    $('#user_name').on('blur',function(){
    var re=/^\w{6,20}$/;
    if(re.test($(this).val())===false){
        $(this).next().html("用户名必须为6-12位字母").show();
    }else{
        $(this).next.hide()
    }
    });
    $('#pwd').on('blur',function(){
        var re=/^[\w!@#$%^&*]{6,20}$/;
        if(re.test($(this).val())===false){
            $(this).next().html("密码必须是6-20位字符").show()
        }else{
            $(this).next().hide();
        }
    });
    $('#cpwd').on('blur',function(){
        if($(this).val()!=$('#pwd').val()){
            $(this).next().html("两次输入密码不一致").show();
        }else{
            $(this).next().hide();
        }
    });
    $('#email').on('blur',function(){
        var re=/^[a-z0-9][\w\.\-]*@[a-z0-9\-]+(\.[a-z]{2,5}){1,2}$/i;
        if(re.test($(this).val())==false){
            $(this).next().html("邮箱格式有误").show();
        }else{
            $(this).next().hide();
        }
    })
})

 

转载于:https://www.cnblogs.com/chichung/p/9713556.html