jQuery常用方法驗證

標籤：style   blog   io   ar   color   sp   on   div   log   

驗證郵箱：

 $(‘input[data-name="email"]‘).keyup(function () {        var em;        em = $(this).val();        if (!em.match(/[\w\.\-][email protected][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常用方法驗證