之前遍查不到validator的addMethod用法 官方的文件也不是說的很明白 由於我需要用正規化來做一些原本validator沒有的驗証規則
所以只能用addMethod的方法 大家可以參考下列的用法 用addMethod新增一個規則後
你可以自訂要針對這個規則所做出反應跟自訂錯誤訊息! 如果要套用這個規則,可以在html 元件中,加上class="自訂規則名" 即可套用了!
我研究的沒有很透徹啦..但可以用就好..
-
<
script
type
=
"
text/javascript
"
>
-
$
(
document
)
.
ready
(
function
(
e
)
{
-
jQuery
.
validator
.
addMethod
(
"
test
"
,
function
(
value
,
element
)
{
//設增一個自訂規則test
-
var
result
=
this
.
optional
(
element
)
||
value
.
length
>=
5
&&
/
d
/
.
test
(
value
)
&&
/
[a-zA-Z]
/i
.
test
(
value
)
;
-
//用正規化表示式去設定validator所沒有的驗証規則
-
if
(
!
result
){
-
element
.
value
=
""
;
//控制套用自訂規則的元件的程式碼可以在此設定
-
}
-
return
result
;
-
}
,
"
自訂錯誤訊息.<br>
"
)
;
-
})
;
-
<
/
script> <form> <input type="text" id="t1" class="test"> <
/
form
>
分享到:
相关推荐
本文将深入探讨如何使用`jQuery validator addMethod`来根据不同的情况显示不同的错误信息。 `jQuery validator addMethod`是jQuery Validation Plugin中的一个关键功能,允许开发者自定义验证方法。当你发现内置的...
**jQuery Validator JS验证框架** jQuery Validator是一个强大的JavaScript库,它为HTML表单提供了方便而灵活的验证功能。这个框架基于jQuery库,使得在网页中实现客户端验证变得简单易行。通过使用jQuery ...
$.validator.addMethod("customMethod", function(value, element) { // 验证逻辑 }, "自定义错误消息"); ``` 2. **分组验证**:通过`groups`选项,可以一次性验证多个关联的字段: ```javascript $("#...
$.validator.addMethod("email", function(value, element) { return this.optional(element) || /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/i.test(value); }, "请输入有效的电子邮件地址"); ``` ### 4....
$.validator.addMethod("passwordStrength", function(value) { // 检查密码强度的逻辑 }, "密码强度不足"); ``` 然后将新规则应用到表单元素: ```javascript $("#password").rules("add", { passwordStrength: ...
在探讨`jQuery Validator`的实用性及其验证信息时,我们深入剖析了这一强大的前端表单验证插件如何通过一系列预定义的规则和自定义方法来确保数据的准确性和完整性。`jQuery Validator`是`jQuery`库的一个扩展,它极...
首先,让我们详细了解一下jQuery Validate插件的基本用法。该插件可以轻松地为表单元素添加验证规则。例如,要为一个名为"username"的输入字段添加“非空”验证规则,你可以这样做: ```javascript $("#myForm")....
### jQuery Validator 使用说明 #### 一、简介 jQuery Validator 是一款功能强大且易于使用的表单验证插件。它能够帮助开发者快速实现各种复杂的验证逻辑,提高用户体验并减少服务器端的压力。该插件由 Jörn ...
学习jquery 时写的小东西,东西是好东西哦,比如checkdblength, checkstartdate,checkenddate ,您慢慢看,呵呵
jqueryvalidator+spring3.0+struts2.18+hibernate3(修正版)上次的程序有错误。是以前调试时候的。这次保证能够运行的起。本程序受http://www.gbsou.com/版主的巨大帮助深表感激。
《火狐4、谷歌12不支持jQuery Validator的解决方案》 在前端开发中,jQuery Validator插件是一款广泛使用的表单验证工具,它为开发者提供了强大的验证功能,使得用户输入的数据能够在客户端进行实时检查,提高了...
在jQuery Validator中,可以通过jQuery.validator.addMethod方法来添加自定义验证规则。在这个方法中,我们需要传入三个参数:验证规则的名称(在这个例子中是endDate)、一个验证函数和一条错误信息。验证函数需要...
Apache Commons Validator 是一个用于数据验证的库,它提供了一种灵活的方式来验证用户输入的数据,确保其符合预定的格式和规则。在Struts 1.x框架中,Commons Validator被广泛用于Web应用程序的服务器端和客户端...
Struts2和jQuery_Validator是两个在Web开发中常用的开源框架和库,它们分别用于MVC(模型-视图-控制器)架构的管理和前端表单验证。这篇博客文章"struts2和jquery_validator简单使用"可能详细介绍了如何将这两个工具...
hibernate validator 4.2的集成spring3.0.5一下版本的样例工程。 自己学习hibernate validator写的。 倘若使用spring3.1以上的版本,有些不同。其中MethodValidateInterceptor就是以spring3.1中的参考。 自己再研究...
$.validator.addMethod("customRule", function(value, element) { // 自定义验证逻辑 }, "自定义错误消息"); ``` 4. **服务器控件的衔接** 在ASP.NET环境中,jQuery验证控件可以很好地与服务器控件结合。通过...
`$.validator.addMethod` 是 `jQuery Validate` 提供的扩展验证方法的关键函数。它接受三个参数: 1. `noSpaces`: 自定义方法的名称,方便在 HTML 中引用。 2. 一个函数,接收三个参数: - `value`: 被验证的元素...
BootstrapValidator是针对Bootstrap3框架的一款高效且易于使用的jQuery表单验证插件,它极大地简化了在Web应用中实现复杂表单验证的过程。这款插件利用HTML5的数据属性(data attributes)来设定验证规则,使得...
jQuery.Validator是一款强大的验证插件,它为网页表单提供了高效、灵活的验证功能。这款插件基于jQuery库,能够方便地与HTML元素交互,极大地简化了前端验证的实现过程。下面将详细介绍jQuery.Validator的一些核心...