jQuery常用方法验证

验证邮箱:

 $(‘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 {
           //信息
        }
    });
时间: 2024-10-27 13:25:01

jQuery常用方法验证的相关文章

jQuery Validate验证框架详解

jQuery校验官网地址:http://bassistance.de/jquery-plugins/jquery-plugin-validation 一.导入js库 <script type="text/javascript" src="<%=path %>/validate/jquery-1.6.2.min.js"></script> <script type="text/javascript" src

【转】jQuery Validate验证框架详解

jQuery校验官网地址:http://bassistance.de/jquery-plugins/jquery-plugin-validation 一.导入js库 <script type="text/javascript" src="<%=path %>/validate/jquery-1.6.2.min.js"></script> <script type="text/javascript" src

jQuery Validate验证框架详解(转)

jQuery校验官网地址:http://bassistance.de/jquery-plugins/jquery-plugin-validation 一.导入js库 <script type="text/javascript" src="<%=path %>/validate/jquery-1.6.2.min.js"></script> <script type="text/javascript" src

jquery 常用方法 集锦

JQuery常用方法 1.获取元素 $("标签名").$("#id").$(".类名").$("标签名,#id,.class") $("祖先 子孙").$("父>子").$("前+后").$("兄~弟")指定层次关系 $("p[id]")获取有id的p.$("p[id^=p]")获取有id且,id设定值

JQuery validate验证规则

//定义中文消息 var cnmsg = { required: "必选字段", remote: "请修正该字段", email: "请输入正确格式的电子邮件", url: "请输入合法的网址", date: "请输入合法的日期", dateISO: "请输入合法的日期 (ISO).", number: "请输入合法的数字", digits: "只能输入整数

jquery+ajax验证不通过也提交表单问题处理

这篇文章主要介绍了jquery validationEngine中使用ajax验证不通过也提交表单问题处理,需要的朋友可以参考下 validationEngine给我们为前端的表单验证减少了很大的工作量.大部分情况我们使用validationEngine验证表单的形式有几种方式: 1 使用正常的表单提交.这种情况validationEngine验证不通过是不会提交表单的. 2 使用ajax提交表单,但是没有使用ajax验证. 这种方式也比较简单,在我们使用ajax请求前检查验证是否通过就可以,例

MVC验证11-对复杂类型使用jQuery异步验证

原文:MVC验证11-对复杂类型使用jQuery异步验证 本篇体验使用"jQuery结合Html.BeginForm()"对复杂类型属性进行异步验证.与本篇相关的"兄弟篇"包括: MVC验证08-jQuery异步验证    MVC验证09-使用MVC的Ajax.BeginForm方法实现异步验证    MVC验证10-到底用哪种方式实现客户端服务端双重异步验证 准备工作 □ js方面:1.jquery的某个版本2.jquery.validate.js3.jquery

第一百八十六节,jQuery,验证表单插件,Ajax 表单插件,验证和提交表单

jQuery,验证表单插件,Ajax 表单插件,验证和提交表单 HTML <form id="reg" method="post" action="yzh.php" title="会员注册"> <ol class="reg_error"></ol> <p> <label for="user">帐号:</label>

ASP.NET MVC的客户端验证:jQuery的验证

http://www.cnblogs.com/artech/archive/2012/06/17/client-validation-01.html 之前我们一直讨论的Model验证仅限于服务端验证,即在Web服务器根据相应的规则对请求数据实施验证.如果我们能够在客户端(浏览器)对用户输入的数据先进行验证,这样会减少针对服务器请求的频率,从而缓解Web服务器访问的压力.ASP.MVC 2.0及其之前的版本采用ASP.NET Ajax进行客户端验证,在ASP.NET MVC 3.0中,jQuery