`

validate.min 自定义方法

 
阅读更多

该页面的js验证文件不能放入共用的 include 的文件中,  js 中有加载顺序,如果放入会发生混淆,

 

$(function() {



    var validator = new FormValidator('loginform', [ {//form表单的id
        name : 'userCode',  //要验证的属性
        display : '代理商号', //输出错误信息的显示
        rules : 'required|valid_cmcc' //规则  不能为空 并且要为 合法的移动手机号码
    }, {
        name : 'passWord',
        display : '密码',
        rules : 'required|callback_nothanzi'
    }, {
        name : 'checkCode',
        display : '验证码',
        rules : 'required'
    // rules : 'required|matches[password]'
    } ], function(errors, event) {
        var error = $("#error");
        var servererror = $(".alert");// 隐藏掉服务器生成的错误信息
        servererror.hide();
        if (errors.length > 0) {
            var msg = "";
            for ( var p = 0; p < errors.length; p++) {
                msg += errors[p].message + '<br />';
            }
            error.show();
            error.html(msg);
        } else {
            error.hide();
        }
    });

    var smallRegex = /^[\u4e00-\u9fa5]+$/;
    validator.registerCallback('nothanzi', function() {
        var feishuzi = document.getElementById("userCode").value;
        if (smallRegex.test(feishuzi)) {
            return false ;
        } else {
            return true;
        }
    });

    validator.setMessage('nothanzi', '%s 不能为中文.');
    validator.setMessage('required', '%s 必须填写.');

    /*
     * validator.setMessage('numeric', '%s 只能输入数字.');
     * validator.setMessage('matches', '%s 与 %s 不一致.');
     * validator.setMessage('valid_email', '%s 不是合法的邮箱格式.');
     * validator.setMessage('min_length', '%s 必须输入至少%s个字.');
     */
});

分享到:
评论

相关推荐

    vue表单验证validate.min.js使用例子,formdata 文件上传表单提交

    `validate.min.js`是一个强大的表单验证库,它可以让我们自定义验证规则并提供中文错误提示,使得开发更加便捷。 首先,`validate.min.js`的使用通常涉及到以下步骤: 1. 引入`validate.min.js`库:在HTML文件中...

    js jquery-1.11.1.min.js jquery.validate.min.js

    在给定的标题中提到了两个关键的JavaScript库:`jquery-1.11.1.min.js` 和 `jquery.validate.min.js`。 1. **jQuery**: jQuery 是一个高效、简洁而易用的 JavaScript 库,它封装了HTML DOM操作、事件处理、动画...

    jquery.validate.minjs.zip

    1. 自定义验证方法:如果内置规则不能满足需求,可以使用`.addMethod()`创建新的验证方法。 2. 提交处理:通过`submitHandler`回调函数,可以在验证通过后执行自定义的提交逻辑。 3. 验证事件:如`invalidHandler`...

    jquery.validate.js表单验证.pdf

    文件列出了jquery.validate.js提供的多种表单验证规则,包括required(必填)、email(电子邮件格式)、url(URL格式)、date(日期格式)、dateISO(ISO日期格式)、number(数字)、digits(数字)、creditcard...

    jQuery.validate.js

    jQuery.validate.js的核心是通过添加自定义的CSS类和错误消息,对表单元素进行实时或提交前的验证。它的主要功能包括:必填项检查、邮箱格式验证、数字范围验证等。使用该插件,开发者可以避免编写大量的JavaScript...

    jquery-1.6.2.js,validate.min.js,metadata.js

    本主题将深入探讨jQuery 1.6.2、validate.min.js和metadata.js这三个文件及其在Web开发中的应用。 首先,jQuery 1.6.2是jQuery库的一个早期版本,发布于2011年。这个版本包含了丰富的功能,如选择器、遍历、事件、...

    jquery.validate.min.zip

    1. **引入依赖**:首先,确保页面中已经引入了jQuery库和jQuery Validate插件的文件,如本例中的`jquery.validate.min.js`。 2. **初始化验证**:在文档加载完成后,使用`.validate()`方法初始化验证,例如: ```...

    jquery.validate.min表单验证

    在“jquery.validate.min”中,我们主要探讨的是这个轻量级插件的基本用法和功能。 ### 1. jQuery Validate 插件介绍 `jQuery Validate` 插件是`JQuery`生态中的一个重要组成部分,它提供了丰富的选项、方法和规则...

    JQuery Validate插件的验证规则和例子,合成AJAX

    jQuery Validate插件是用于在客户端进行表单验证的强大工具,它提供了丰富的验证规则和自定义方法,使得用户在提交表单前可以即时检测输入数据的有效性,大大提升了用户体验。该插件是jQuery库的一个扩展,通过简单...

    jquery.validate-1.13.1.js

    jquery.validate插件为表单提供了强大的验证功能,让客户端表单验证变得更简单,同时提供了大量的定制选项...该插件捆绑了一套有用的验证方法,包括 URL 和电子邮件验证,同时提供了一个用来编写用户自定义方法的 API。

    jquery.validate.js

    在前端开发中,验证用户输入的数据是必不可少的一环,而jQuery validate.js插件就是一款强大的表单验证工具,它为开发者提供了便捷的验证规则和自定义提示,使得表单验证变得更加简单易用。本文将详细探讨validate....

    jquery.validate.js表单验证[借鉴].pdf

    - 自定义验证方法:可以使用 `$.validator.addMethod()` 添加自己的验证规则。 - 显示错误信息:通过 `errorPlacement` 和 `errorElement` 配置,可以控制错误信息的位置和样式。 - 提交处理:使用 `submitHandler` ...

    jQuery验证控件jquery.validate.js使用说明+中文API

    jQuery 验证控件 jquery.validate.js 使用说明 + 中文 API jQuery 验证控件 jquery.validate.js 是一个功能...通过使用 jquery.validate.js,可以快速实现表单验证功能,并且可以根据需要自定义验证规则和提示信息。

    JQuery+validate校验+messages_zh中文的js库

    `jquery.validate.js` 和 `jquery.validate.min.js` 就是这个插件的源码和压缩版。这个插件提供了一套强大的规则引擎,可以轻松地为表单元素添加验证规则,例如必填、邮箱格式、数字范围等,极大地提高了用户输入...

    jquery.validate.js 用法

    该插件提供了丰富的内置验证方法,支持必填项检查、邮箱格式验证、URL验证等,并允许用户自定义验证规则与错误提示信息。此外,它还支持异步验证,即通过Ajax进行后台数据验证,避免了表单重复提交的问题。 #### 二...

    表单验证 jquery.validate.js与poshytip集成

    &lt;script src="js/jquery.validate.min.js"&gt; ``` 然后,对表单元素应用jQuery Validate插件,通常在文档加载完成后执行: ```javascript $(document).ready(function() { $('#myForm').validate({ rules: { // ...

    jquery.validate表单验证密码完整例子(带密码强度显示)

    2. **初始化验证**:使用`jQuery`选择器找到需要验证的表单元素,并调用`.validate()`方法,配置相应的验证规则。例如,对于密码字段,可能有`required`(必填)、`minlength`(最小长度)和自定义的正则表达式规则...

    开源项目-lyft-protoc-gen-validate.zip

    开源项目lyft-protoc-gen-validate便是一个专注于此的工具,它提供了一种强大的方法来验证Protocol Buffer(protobuf)消息。本文将深入探讨这一项目的细节及其在实际开发中的应用。 首先,我们来理解什么是...

    jquery.validate.js验证框架_帮助_手册_文档_API_接口

    `jQuery.validate.js` 提供了一套丰富的内置验证方法,如 `required`(必填)、`email`(电子邮件格式)、`url`(网址格式)等。这些方法可以轻松应用于表单元素,实现基本的数据验证需求。 #### (七)注意事项 ...

Global site tag (gtag.js) - Google Analytics