码迷,mamicode.com
首页 > Web开发 > 详细

jQuery常用方法验证

时间:2014-12-05 19:13:54      阅读:185      评论:0      收藏:0      [点我收藏+]

标签:style   blog   io   ar   color   sp   on   div   log   

验证邮箱:

 $(‘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常用方法验证

标签:style   blog   io   ar   color   sp   on   div   log   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!