首页 > Web开发 > 详细

jQuery常用方法验证

时间:2014-12-05 19:11:34      阅读:294      评论:0      收藏:0      [点我收藏+]

验证邮箱:

 $(‘input[data-name="email"]‘).keyup(function () {
        var em;
        em = $(this).val();
        if (!em.match(/[\w\.\-]+@[a-z0-9\-]+\.([a-z\.]+)+/)) {
            // 不匹配显示信息
        } else {
            //匹配显示信息
        }
    });

验证密码强度:

$(‘input[data-name="password"]‘).keyup(function () {
        var parent, secure, val;
        parent = $(this).parent().parent();
        if ($(this).val().length < 8) {
            $(‘[data-error-bind="error"]‘).html("Your password is too short.");return;
        } else {
            $(‘[data-error-bind="error"]‘).html("");
        }
        val = $(this).val();
        secure = 0;
        if (val.length >= 8) {
            secure++;
        }
        if (val.match(/[a-z]+/)) {
            secure++;
        }
        if (val.match(/[A-Z]+/)) {
            secure++;
        }
        if (val.match(/[0-9]+/)) {
            secure++;
        }
        if (val.match(/[\W]+/)) {
            secure++;
        }
        if (secure < 2) {
            $(this).prev().addClass(‘low‘).removeClass(‘medium‘).removeClass(‘high‘);
        }
        if (secure >= 2 && secure <= 3) {
            $(this).prev().removeClass(‘low‘).addClass(‘medium‘).removeClass(‘high‘);
        }
        if (secure >= 4) {
            return $(this).prev().removeClass(‘low‘).removeClass(‘medium‘).addClass(‘high‘);
        }
    });

验证出生日期:

$(‘select[data-name="day"],select[data-name="month"], select[data-name="year"]‘).change(function () {
        var d, m, y;
        d = $(‘select[data-name="day"]‘).val();
        m = $(‘select[data-name="month"]‘).val();
        y = $(‘select[data-name="year"]‘).val();
        if (diffYears(d, m, y, 21)) {  //跟21岁比较
            //信息
        } else {
           //信息
        }
    });

 

jQuery常用方法验证

原文:http://www.cnblogs.com/zxiong/p/4147106.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!