jquery插件-表单验证插件-提示信息中文化与定制提示信息

接上一篇

2)messages

提示:修改默认的提示信息最简单的方法是引入message_zh.js文件即可!

如果需要在validate()方法内提示则可以使用本选项

类型:Object

说明:自定义的提示信息,key:value形式,key是要验证的元素,valule可以是字符串或者函数

使用:message:{

username:"请输入你的用户名"

filed2:{

required:‘必须填写这个字段‘,

email:‘请添加一个正确的邮箱格式‘

}

}

//和上面填写rules是一样的

submitHandler

类型:Function(form)

说明:通过验证后运行的函数,默认添加该函数则不会再提交除非手动提交或者使用return true,

函数类型:该函数接受一个参数表示当前DOM对象

invalidHandler

类型:Function(event,validator)

说明:当一个无效的表单(即验证不通过的时候)被提交的时候触发这个函数。

函数参数:当前验证的表单validator对象

errorClass(默认值error)

类型:String

说明:指定错误提示与验证不通过的控件的Css类名

6) validClass(默认值:‘valid‘)

类型:String

说明:在验证成功的控件上加上传入的CSS类

7)errorElement(默认值:lable)

类型:String

说明:用什么标签标记错误div或者span或者label

8)errorPlacement(默认值:在 无效的元素之后),

9) errorContainer

类型:选择器字符串

说明:有错误信息出现时把选择器匹配的元素变为显示,无错误时隐藏

10) errorLableContainer

类型:选择器字符串

说明:把错误信息统一放在一个容器里面

11) wrapper

类型:String

说明:用什么标签再把上边的errorElement包起来

11) success

类型:String or function(label,element)

说明:每个字段验证通过执行函数

函数参数:

  label:信息提示标签的Jquery对象。

  element:当前验证成功的DOM元素对象

  如果跟一个字符串会作为CSS类加在提示信息的标签上

  重点用于修改提示信息

12 highlight(默认值:添加errorClass到验证失败的表单控件)

类型:function(element,errorClass,validClass)

说明:传入的函数会在每个控件验证不通过时执行,我们可以通过这个配置属性,给验证不通过的加写效果。

函数参数:

    element:当前未通过验证的Dom元素对象

    errorClass: 错误时给错误提示标签的css类名称

    validClass: validClass属性的当前值

14)unhighlight(默认值:移除验证失败控件的errorClass)(参数同上)

重点:验证通过的表单

15) debug(默认值false)

类型:boolean

设置为true之后则表单不会真正的提交,仅仅是验证!

使用方法以及参数同上,作用相反

16)ignore(默认值:‘hidden‘)

类型:Selector

说明:忽略某些元素不验证

15)16)在测试时用

时间: 2024-11-03 03:28:35

jquery插件-表单验证插件-提示信息中文化与定制提示信息的相关文章

【锋利的jQuery】表单验证插件踩坑

和前几篇博文提到的一样,由于版本原因,[锋利的jQuery]表单验证插件部分又出现照着敲不出效果的情况. 书中的使用方法: 1. 引入jquery源文件, 2. 引入表单验证插件js文件, 3. 在form中class类名中添加"required","email"等去作为验证时读取的参数. 4. 调用代码: $("#commentform").validate(); 很不幸,报错了.前端有个说法是学新不学旧,这里就不去深究原因,直接提供最新的写法

jQuery formValidator表单验证插件常见有关问题

jQuery formValidator表单验证插件常见问题 如何实现一个控件,根据不同的情况,实现不同的控制? 一个页面上我有几个tab页,如何实现每个Tab页上的控件单独校验? 我采用的页面上文字问题的方式,点提交的时候,有校验未通过的,除了文字提示外,还可以再弹出窗口提示吗? 所有校验通过后,我还要再做别的判断可以吗?我自己的判断没有通过可以中断提交吗? 我有一组的checkbox(radiobutton)如何设置校验? 我有2个表单元素,任意一个元素输入东西就算验证通过,如何写代码?比如

jquery validate 表单验证插件

对于初学者而言,html表单验证是一项极其琐碎的事情.要做好表单验证,需要准备以下基本要素: 1.html表单结构:包含需要校验的表单元素: 2.js逻辑控制:在需要校验的表单元素上绑定事件,如点击.获取焦点.失去焦点等事件,并设置这些事件对应的执行函数: 3.css样式设置:针对需要校验的表单元素,需要设置默认的初始样式,以及触发元素绑定事件后的变化样式. 这3类基本要素中,html表单结构的创建相对简单.表单验证的重点和难点在于如何利用js及时有效地提醒用户有关表单操作的信息.这里我参考了百

jquery validate表单验证插件-推荐

1 表单验证的准备工作 在开启长篇大论之前,首先将表单验证的效果展示给大家.     1.点击表单项,显示帮助提示 2.鼠标离开表单项时,开始校验元素  3.鼠标离开后的正确.错误提示及鼠标移入时的帮助提醒 对于初学者而言,html表单验证是一项极其琐碎的事情.要做好表单验证,需要准备以下基本要素: 1.html表单结构:包含需要校验的表单元素: 2.js逻辑控制:在需要校验的表单元素上绑定事件,如点击.获取焦点.失去焦点等事件,并设置这些事件对应的执行函数: 3.css样式设置:针对需要校验的

jQuery插件 -- 表单验证插件jquery.validate.js

最常使用JavaScript的场合就是表单的验证,而jQuery作为一个优秀的javascript库,也提供了一个优秀的表单验证插件----Validation.Validation是历史最悠久的jquery插件之一,经过了全球范围内不同项目的验证,并得到了许多Web开发者的好评.作为一个标准的验证方法库,Validation拥有如下特点: 1.内置验证规则: 拥有必填.数字.Email.URL和信用卡号码等19类内置验证规则 2.自定义验证规则: 可以很方便地自定义验证规则 3.简单强大的验证

jQuery Validate 表单验证插件----自定义校验结果样式

一.下载依赖包 网盘下载:https://yunpan.cn/cryvgGGAQ3DSW  访问密码 f224 二.引入依赖包 <script src="../../scripts/jquery-1.3.1.js" type="text/javascript"></script> <script src="lib/jquery.validate.js" type="text/javascript"

jQuery Validate 表单验证插件----自定义一个验证方法

一.下载依赖包 网盘下载:https://yunpan.cn/cryvgGGAQ3DSW  访问密码 f224 二.引入依赖包 <script src="../../scripts/jquery-1.3.1.js" type="text/javascript"></script> <script src="lib/jquery.validate.js" type="text/javascript"

jquery validation表单验证插件。

这个是刚学的,觉得对以后挺有用的,就想把自己所学的分享一下. 校验规则: (1)required:true 必输字段 (2)number:true 必须输入合法的数字(负数,小数) (3)digits:true 必须输入整数 (4)url:true 必须输入正确格式的网址 (5)email:true 必须输入正确格式的电子邮件 (6)creditcard:true 必须输入合法的信用卡号 (7)equalTo:"#password" 输入值必须和#password相同 (8)maxle

jquery插件-表单验证插件-validator对象

三 Validator对象 1.介绍:Validate方法返回的对象称作Validator对象 2.使用 Validator对象常用方法 Validator.form() 返回:Boolean 验证:form返回成功还是失败(整个表单) Validator.element() 返回:Boolean 验证单个元素是成功还是失败(单个的表单元素) Validator.resetForm() 把前面验证的Form回复到验证前的状态 Validator.showErrors() 显示特定的错误信息 Va