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

猜你喜欢

转载自www.cnblogs.com/chichung/p/9713556.html