1、导入js
messages_cn.js中文提示
<link rel="stylesheet" type="text/css" media="screen" href="./resources/scripts/jquery-validate/demo/css/screen.css" />
<script type="text/javascript" src="./pages/ipic/scripts/jquery-1.4.3.min.js"></script>
<script type="text/javascript" src="./resources/scripts/jquery-validate/jquery.validate.min.js"></script>
<script type="text/javascript" src="./resources/scripts/jquery-validate/localization/messages_cn.js"></script>
2、使用方法
$('#form1').validate({
rules:{
UId:{
required: true,
minlength: 2
},
UName:"required",
UPwd:{
required: true,
minlength: 2
},
UPwd1:{
required: true,
minlength: 2,
equalTo: "#UPwd"
},
UEmail:{
required: true,
email: true
}
},
messages:{
UPwd1:{
equalTo: "两次输入密码不一致"
}
}
});
$("#UPwd").blur(function() {
$("#UPwd1").valid();
});
$('#add').click(function(){
$('#form1').attr("action","./user.do?method=add");
$('#form1').submit();//如果type='submit'来提交,用document.form.submit(),否则用jquery对象来提交
});
3、页面
<form name="form1" id="form1" method="post">
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="150" align="right">用户ID:</td>
<td width="30" align="right"> </td>
<td align="left" ><input name="UId" id="UId" type="text" value="${userform.UId}"/><span class="star">*</span></td>
</tr>
<tr>
<td align="right">用户名称:</td>
<td align="right"> </td>
<td align="left"><input type="text" name="UName" id="UName" value="${userform.UName}"/><span class="star">*</span></td>
</tr>
<tr>
<td align="right">密 码:</td>
<td align="right"> </td>
<td align="left"><input type="password" name="UPwd" id="UPwd" value=""/><span class="star">*</span></td>
</tr>
<tr>
<td align="right">密码确认:</td>
<td align="right"> </td>
<td align="left"><input type="password" name="UPwd1" id="UPwd1" value=""/><span class="star">*</span></td>
</tr>
<tr>
<td align="right">邮 箱: </td>
<td align="right"> </td>
<td align="left">
<input type="text" name="UEmail" value="${userform.UEmail}" id="UEmail"/><span class="star">*</span></td>
</tr>
</table>
</form>
分享到:
相关推荐
5. 自定义验证:通过`$.validator.addMethod()`创建自定义验证方法。 三、示例解析 在"jquery-validation-1.8.1"压缩包中,通常包含以下文件和目录: 1. `dist/`:包含压缩和未压缩的JS文件,如`jquery.validate....
<link rel="stylesheet" href="path/to/jquery.form-validator.css"> ``` 三、基本使用 1. 初始化插件: 在HTML表单元素上添加data-validation-engine="validate"属性,并设置相应的配置参数(如:promptPosition...
3. **配置**:使用`$.validator.setDefaults()`全局配置,或在每个表单上使用`.validate()`方法进行局部配置。 4. **标记规则**:在表单元素上添加特定的data属性来指定验证规则。 5. **自定义错误消息**:使用`...
3. **初始化验证**:在文档加载完成后,调用验证插件的初始化方法,指定要验证的表单元素或容器: ```javascript $(document).ready(function() { $("#myForm").validate(); }); ``` 4. **自定义验证**:如果内置的...
### jQuery Validator 使用说明 #### 一、简介 jQuery Validator 是一款功能强大且易于使用的表单验证插件。它能够帮助开发者快速实现各种复杂的验证逻辑,提高用户体验并减少服务器端的压力。该插件由 Jörn ...
从那里,只需调用validate()以查看是否一切正常! 支持的验证 有关可用验证规则的列表,请查看。 目前有一些规则不受支持。 不支持的规则包括active_url , array , exists , image , mimes , timezone , ...
1. 初始化验证:给需要验证的表单添加`id`,然后在脚本中调用`.validate()`方法初始化验证。 ```javascript $("#myForm").validate(); ``` 2. 规则设置:通过`rules`选项来指定表单元素的验证规则,如必填、邮箱格式...
4. 前端HTML:在HTML表单中使用jQuery绑定事件,调用jQuery_Validator进行验证。 5. 自定义验证规则:根据需求在jQuery_Validator中定义验证规则和错误提示。 6. 服务端验证:在Action类的方法中进行服务端的验证,...
然后,调用`validate()`方法初始化验证器: ```javascript $("#myForm").validate(); ``` ### 3. 配置项 jQuery Validate提供了一系列配置项来定制验证行为。例如,你可以设置错误消息的位置、错误消息的显示方式...
3. **自定义规则**:可以使用`.addMethod()`方法创建新的验证规则,例如`$.validator.addMethod("customRule", function(value, element) {...}, "错误消息");`。 4. **自定义错误消息**:通过设置`messages`选项...
然后,通过jQuery选择器找到该表单并调用`validate()`方法初始化验证: ```javascript $("#myForm").validate(); ``` ### 3. 规则设置 jQuery Validator允许自定义验证规则。例如,要创建一个检查邮箱格式的规则...
$.validator.addMethod("passwordStrength", function(value) { // 这里实现你的验证逻辑 }, "密码强度不足"); ``` 然后在规则中使用: ```javascript $("#myForm").validate({ rules: { password: { ...
1. **安装与引入**:首先,你需要在项目中引入Bootstrap和jQuery库,因为BootstrapValidator依赖这两个库。然后,下载或通过CDN链接引入BootstrapValidator的CSS和JS文件。例如,对于`bootstrapvalidator-0.5.2`版本...
调用自定义输入验证正则表达式字符串。 一种。 该插件立即处理文本输入、电子邮件输入。 湾利用 dataSelector 验证地址和邮政编码。 示例如下: C。 使用 required 类来指定是否需要输入。 示例如下: d. 确保您的...
总结,jQuery Validate插件为开发者提供了一种高效、灵活的客户端表单验证解决方案,通过简单的配置和API调用,可以实现复杂的验证逻辑和个性化的错误提示。理解并熟练运用这个插件,能极大地提升Web应用的质量和...
2. **初始化插件**:通过jQuery选择器选中表单元素,并调用`.formValidator()`方法进行初始化,设置验证规则和选项。 3. **配置规则**:在初始化时,可以使用`.rules('add')`为每个输入字段添加验证规则。 4. **触发...
配置验证通常在文档加载完成后进行,使用`$(document).ready()`函数包裹,然后调用`$.validator.setDefaults()`设置全局验证选项,以及`$("#myForm").validate()`为特定表单启用验证。例如: ```javascript $...
这可以通过调用`$("#formId").validate()`方法完成。例如: ```javascript $("#myForm").validate({ // 配置项 }); ``` 3. **规则定义** jQuery Validate允许你定义各种验证规则,如必填、长度限制、邮箱格式...
接下来,使用jQuery选择器获取表单元素,并调用`.validate()`方法初始化验证。 ```javascript $(document).ready(function () { $("#myForm").validate(); }); ``` ### 4. 自定义验证规则 如果预设规则无法满足...
1. 初始化验证:在表单元素上添加 `id`,然后在文档加载完成后调用 `validate()` 方法初始化验证: ```javascript $("#myForm").validate(); ``` 2. 验证规则:通过 `rules` 属性为表单元素指定验证规则。例如,...