`
twh1224
  • 浏览: 95529 次
  • 性别: Icon_minigender_1
  • 来自: 武汉
社区版块
存档分类
最新评论

jquery-validator 的调用

阅读更多
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">&nbsp;</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">&nbsp;</td>
			                <td align="left"><input type="text" name="UName" id="UName" value="${userform.UName}"/><span class="star">*</span></td>
			              </tr>
			              <tr>
			                <td align="right">密&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;码:</td>
			                <td align="right">&nbsp;</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">&nbsp;</td>
			                <td align="left"><input type="password" name="UPwd1" id="UPwd1" value=""/><span class="star">*</span></td>
			              </tr>
			               <tr>
			                <td align="right">邮&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;箱: </td>
			                <td align="right">&nbsp;</td>
			                <td align="left">
								<input type="text" name="UEmail" value="${userform.UEmail}" id="UEmail"/><span class="star">*</span></td>
			              </tr>

</table>
</form>


分享到:
评论

相关推荐

    jquery-validation-1.8.1里面有很多例子

    5. 自定义验证:通过`$.validator.addMethod()`创建自定义验证方法。 三、示例解析 在"jquery-validation-1.8.1"压缩包中,通常包含以下文件和目录: 1. `dist/`:包含压缩和未压缩的JS文件,如`jquery.validate....

    jQuery-formValidator表单验证

    &lt;link rel="stylesheet" href="path/to/jquery.form-validator.css"&gt; ``` 三、基本使用 1. 初始化插件: 在HTML表单元素上添加data-validation-engine="validate"属性,并设置相应的配置参数(如:promptPosition...

    jquery-validation-1.15.0

    3. **配置**:使用`$.validator.setDefaults()`全局配置,或在每个表单上使用`.validate()`方法进行局部配置。 4. **标记规则**:在表单元素上添加特定的data属性来指定验证规则。 5. **自定义错误消息**:使用`...

    轻量级校验框架 Jquery-Lweight-validate.zip

    3. **初始化验证**:在文档加载完成后,调用验证插件的初始化方法,指定要验证的表单元素或容器: ```javascript $(document).ready(function() { $("#myForm").validate(); }); ``` 4. **自定义验证**:如果内置的...

    jquery_validator说明

    ### jQuery Validator 使用说明 #### 一、简介 jQuery Validator 是一款功能强大且易于使用的表单验证插件。它能够帮助开发者快速实现各种复杂的验证逻辑,提高用户体验并减少服务器端的压力。该插件由 Jörn ...

    jquery-validator:使用 Laravel 规则的 jQuery 验证

    从那里,只需调用validate()以查看是否一切正常! 支持的验证 有关可用验证规则的列表,请查看。 目前有一些规则不受支持。 不支持的规则包括active_url , array , exists , image , mimes , timezone , ...

    Jquery-validate表单js源文件与使用文档,让你轻松运用jquery进行表单校验各种表单

    1. 初始化验证:给需要验证的表单添加`id`,然后在脚本中调用`.validate()`方法初始化验证。 ```javascript $("#myForm").validate(); ``` 2. 规则设置:通过`rules`选项来指定表单元素的验证规则,如必填、邮箱格式...

    struts2和jquery_validator简单使用

    4. 前端HTML:在HTML表单中使用jQuery绑定事件,调用jQuery_Validator进行验证。 5. 自定义验证规则:根据需求在jQuery_Validator中定义验证规则和错误提示。 6. 服务端验证:在Action类的方法中进行服务端的验证,...

    js-validator的框架的demo

    然后,调用`validate()`方法初始化验证器: ```javascript $("#myForm").validate(); ``` ### 3. 配置项 jQuery Validate提供了一系列配置项来定制验证行为。例如,你可以设置错误消息的位置、错误消息的显示方式...

    jquery和jquery-validate

    3. **自定义规则**:可以使用`.addMethod()`方法创建新的验证规则,例如`$.validator.addMethod("customRule", function(value, element) {...}, "错误消息");`。 4. **自定义错误消息**:通过设置`messages`选项...

    jquery validator

    然后,通过jQuery选择器找到该表单并调用`validate()`方法初始化验证: ```javascript $("#myForm").validate(); ``` ### 3. 规则设置 jQuery Validator允许自定义验证规则。例如,要创建一个检查邮箱格式的规则...

    jquery-validation-1.10.0

    $.validator.addMethod("passwordStrength", function(value) { // 这里实现你的验证逻辑 }, "密码强度不足"); ``` 然后在规则中使用: ```javascript $("#myForm").validate({ rules: { password: { ...

    bootstrapvalidator

    1. **安装与引入**:首先,你需要在项目中引入Bootstrap和jQuery库,因为BootstrapValidator依赖这两个库。然后,下载或通过CDN链接引入BootstrapValidator的CSS和JS文件。例如,对于`bootstrapvalidator-0.5.2`版本...

    jquery-form-validator:带有数据属性的 jQuery 表单验证

    调用自定义输入验证正则表达式字符串。 一种。 该插件立即处理文本输入、电子邮件输入。 湾利用 dataSelector 验证地址和邮政编码。 示例如下: C。 使用 required 类来指定是否需要输入。 示例如下: d. 确保您的...

    jquery--validate.js

    总结,jQuery Validate插件为开发者提供了一种高效、灵活的客户端表单验证解决方案,通过简单的配置和API调用,可以实现复杂的验证逻辑和个性化的错误提示。理解并熟练运用这个插件,能极大地提升Web应用的质量和...

    jQuery formValidator高级表单验证

    2. **初始化插件**:通过jQuery选择器选中表单元素,并调用`.formValidator()`方法进行初始化,设置验证规则和选项。 3. **配置规则**:在初始化时,可以使用`.rules('add')`为每个输入字段添加验证规则。 4. **触发...

    jquery-validation.zip

    配置验证通常在文档加载完成后进行,使用`$(document).ready()`函数包裹,然后调用`$.validator.setDefaults()`设置全局验证选项,以及`$("#myForm").validate()`为特定表单启用验证。例如: ```javascript $...

    jquery-validate前台验证框架,带详细使用方法

    这可以通过调用`$("#formId").validate()`方法完成。例如: ```javascript $("#myForm").validate({ // 配置项 }); ``` 3. **规则定义** jQuery Validate允许你定义各种验证规则,如必填、长度限制、邮箱格式...

    jQuery-Validation范例

    接下来,使用jQuery选择器获取表单元素,并调用`.validate()`方法初始化验证。 ```javascript $(document).ready(function () { $("#myForm").validate(); }); ``` ### 4. 自定义验证规则 如果预设规则无法满足...

    jquery-validate 表单较验

    1. 初始化验证:在表单元素上添加 `id`,然后在文档加载完成后调用 `validate()` 方法初始化验证: ```javascript $("#myForm").validate(); ``` 2. 验证规则:通过 `rules` 属性为表单元素指定验证规则。例如,...

Global site tag (gtag.js) - Google Analytics