该页面的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个字.');
*/
});
相关推荐
`validate.min.js`是一个强大的表单验证库,它可以让我们自定义验证规则并提供中文错误提示,使得开发更加便捷。 首先,`validate.min.js`的使用通常涉及到以下步骤: 1. 引入`validate.min.js`库:在HTML文件中...
在给定的标题中提到了两个关键的JavaScript库:`jquery-1.11.1.min.js` 和 `jquery.validate.min.js`。 1. **jQuery**: jQuery 是一个高效、简洁而易用的 JavaScript 库,它封装了HTML DOM操作、事件处理、动画...
1. 自定义验证方法:如果内置规则不能满足需求,可以使用`.addMethod()`创建新的验证方法。 2. 提交处理:通过`submitHandler`回调函数,可以在验证通过后执行自定义的提交逻辑。 3. 验证事件:如`invalidHandler`...
文件列出了jquery.validate.js提供的多种表单验证规则,包括required(必填)、email(电子邮件格式)、url(URL格式)、date(日期格式)、dateISO(ISO日期格式)、number(数字)、digits(数字)、creditcard...
jQuery.validate.js的核心是通过添加自定义的CSS类和错误消息,对表单元素进行实时或提交前的验证。它的主要功能包括:必填项检查、邮箱格式验证、数字范围验证等。使用该插件,开发者可以避免编写大量的JavaScript...
本主题将深入探讨jQuery 1.6.2、validate.min.js和metadata.js这三个文件及其在Web开发中的应用。 首先,jQuery 1.6.2是jQuery库的一个早期版本,发布于2011年。这个版本包含了丰富的功能,如选择器、遍历、事件、...
1. **引入依赖**:首先,确保页面中已经引入了jQuery库和jQuery Validate插件的文件,如本例中的`jquery.validate.min.js`。 2. **初始化验证**:在文档加载完成后,使用`.validate()`方法初始化验证,例如: ```...
在“jquery.validate.min”中,我们主要探讨的是这个轻量级插件的基本用法和功能。 ### 1. jQuery Validate 插件介绍 `jQuery Validate` 插件是`JQuery`生态中的一个重要组成部分,它提供了丰富的选项、方法和规则...
jQuery Validate插件是用于在客户端进行表单验证的强大工具,它提供了丰富的验证规则和自定义方法,使得用户在提交表单前可以即时检测输入数据的有效性,大大提升了用户体验。该插件是jQuery库的一个扩展,通过简单...
jquery.validate插件为表单提供了强大的验证功能,让客户端表单验证变得更简单,同时提供了大量的定制选项...该插件捆绑了一套有用的验证方法,包括 URL 和电子邮件验证,同时提供了一个用来编写用户自定义方法的 API。
在前端开发中,验证用户输入的数据是必不可少的一环,而jQuery validate.js插件就是一款强大的表单验证工具,它为开发者提供了便捷的验证规则和自定义提示,使得表单验证变得更加简单易用。本文将详细探讨validate....
- 自定义验证方法:可以使用 `$.validator.addMethod()` 添加自己的验证规则。 - 显示错误信息:通过 `errorPlacement` 和 `errorElement` 配置,可以控制错误信息的位置和样式。 - 提交处理:使用 `submitHandler` ...
jQuery 验证控件 jquery.validate.js 使用说明 + 中文 API jQuery 验证控件 jquery.validate.js 是一个功能...通过使用 jquery.validate.js,可以快速实现表单验证功能,并且可以根据需要自定义验证规则和提示信息。
`jquery.validate.js` 和 `jquery.validate.min.js` 就是这个插件的源码和压缩版。这个插件提供了一套强大的规则引擎,可以轻松地为表单元素添加验证规则,例如必填、邮箱格式、数字范围等,极大地提高了用户输入...
该插件提供了丰富的内置验证方法,支持必填项检查、邮箱格式验证、URL验证等,并允许用户自定义验证规则与错误提示信息。此外,它还支持异步验证,即通过Ajax进行后台数据验证,避免了表单重复提交的问题。 #### 二...
<script src="js/jquery.validate.min.js"> ``` 然后,对表单元素应用jQuery Validate插件,通常在文档加载完成后执行: ```javascript $(document).ready(function() { $('#myForm').validate({ rules: { // ...
2. **初始化验证**:使用`jQuery`选择器找到需要验证的表单元素,并调用`.validate()`方法,配置相应的验证规则。例如,对于密码字段,可能有`required`(必填)、`minlength`(最小长度)和自定义的正则表达式规则...
开源项目lyft-protoc-gen-validate便是一个专注于此的工具,它提供了一种强大的方法来验证Protocol Buffer(protobuf)消息。本文将深入探讨这一项目的细节及其在实际开发中的应用。 首先,我们来理解什么是...
`jQuery.validate.js` 提供了一套丰富的内置验证方法,如 `required`(必填)、`email`(电子邮件格式)、`url`(网址格式)等。这些方法可以轻松应用于表单元素,实现基本的数据验证需求。 #### (七)注意事项 ...