`

推荐一个不错的国产jquery校验插件formvalidator

阅读更多
  在学到jquery-validate时,感觉还是不错的,老外的,但感觉分组校验时不是很好,
于是搜索了下,找到了这个国产的jquery表单校验插件,用了下感觉还是不错的,
所以推荐下,地址是:
http://www.yhuan.com/formvalidator/userguide.html
该作者的blog地址是:http://www.cnblogs.com/wzmaodong/archive/2008/01/11/1034901.html

下面简单讲解下,比如一个常见的情景是,一个页面中,分两部分(两个组),比如一边是
用户注册的表单,一边是用户登陆的表单,则可以认为是两个分组,比如以简单的对某个文本框的校验为例:

密码:<input name="tbxLoginPassword" maxlength="50" id="tbxLoginPassword" type="password">
<div style="display: none;" id="loginPassword"></div>
<div class="onError"><span id="cvlLoginUser" style="color: Red; display: none;">用户名或密码错误</span></div>

使用时:
//加载jQuery类库
<script src="jquery_last.js" type="text/javascript"></script>
//加载插件的样式库,如果你是自动构建提示层,请加载validatorAuto.css
<link type="text/css" rel="stylesheet" href="style/validator.css"></link>
//加载插件
<script src="formValidator.js" type="text/javascript"></script>
//加载扩展库
<script src="formValidatorRegex.js" type="text/javascript"></script>

<script type="text/javascript">
$(
	function()
	{	
		$.formValidator.initConfig(
			{
				autotip: true,
				validatorgroup: "1"
			});
		
		$("#tbxLoginPassword")
			.formValidator(
				{
					validatorgroup: "1",
					tipid: "loginPassword",
					onshow: "",
					onfocus: "",
					oncorrect: ""
				})
			.inputValidator(
				{
					min: 1,
					onerror: "请填写密码"
				});
		$("#tbxLoginVerifier")
			.formValidator(
				{
					validatorgroup: "1",
					tipid: "loginVerifier",
					onshow: "",
					onfocus: "",
					oncorrect: ""
				})
			.inputValidator(
				{
					min: 1,
					onerror: "请填写验证码"
				});
		$.formValidator.initConfig(
			{
				autotip: true,
				validatorgroup: "2"
			});
		$("#tbxRegisterNickname")
			.formValidator(
				{
					validatorgroup: "2",
					tipid: "registerNickname",
					onshow: "4-20位字符,可由中英文、数字及“_”、“-”组成",
					onfocus: "",
					oncorrect: ""
				})
			.inputValidator(
				{
					min: 4,
					max: 20,
					onerror: "用户名长度只能在4-20位字符之间"
				})
			.regexValidator(
				{
					regexp: "username",
					datatype: "enum",
					onerror: "用户名只能由中英文、数字及“_”、“-”组成"
				});
		//if ($("#hflRegisterNickname").val() != "true")
		//{   
			$("#tbxRegisterNickname")
				.ajaxValidator(
					{
						type: "GET",
						url: '<?php echo site_url('login/check_name')?>',
						datatype: "json",
						success:
							function(result)
							{
								return result.Result;
							},
						buttons: $("#ibtRegister"),
						onwait: "正在检测用户名是否重复...",
						onerror: "该用户名已被使用"
					});


  这里,演示了使用两个组(两个表单中有不同的控件)的使用,其中,只需要
validatorgroup: "1",(或2)去指定即可,十分方便. 这里还演示了使用
ajax提交验证的例子,使用的是ajaxValidator方法.

  总的来说,还是十分简单,这个控件,而且在各浏览器下运行得不错,属于可以
支持的国产jquery插件
2
1
分享到:
评论

相关推荐

    jquery 表单插件 formvalidator

    jQuery FormValidator 是一个强大且灵活的验证插件,尤其适用于处理大型、复杂的表单提交场景。这个插件通过丰富的自定义选项和易于使用的API,使得开发者能够轻松地对表单元素进行验证。 ### 1. 插件安装与引入 ...

    jquery 表单校验的插件formValidator4.01

    jQuery FormValidator是一款强大的插件,专为jQuery设计,用于实现灵活、全面的表单验证功能。在4.0.1版本中,该插件提供了一系列丰富的特性,使得开发者能够快速构建出功能完善、易于维护的表单验证机制。 **一、...

    jQuery formValidator表单验证插件示例源码

    jQuery formValidator是一款强大的JavaScript表单验证插件,它基于jQuery库,用于在用户提交表单前验证输入数据的正确性和格式。这个插件提供了一系列灵活的验证规则和自定义选项,使得开发者能够轻松地实现复杂的...

    基于jquery框架,采用jQuery formValidator表单验证插件。

    基于jquery框架,采用jQuery formValidator表单验证插件。

    一款jquery 表单插件还日历插件 formValidator3.1

    jQuery FormValidator 3.1 是一个强大的表单验证插件,它提供了丰富的验证规则和自定义设置,使得前端数据验证变得简单高效。同时,该插件还集成了日历组件,方便用户进行日期选择,提升用户体验。下面将详细探讨这...

    jQuery表单验证插件 formValidator2.2.4-修改样式版

    jQuery formValidator2.2.4是一款广泛使用的轻量级表单验证插件,它提供了丰富的验证规则和灵活的自定义功能。在这个修改版中,开发者已经对原有的样式进行了调整,去除了之前的红色警告样式和箭头宽度,使得整体...

    jQuery formValidator表单校验插件ver2.9.1

    jQuery formValidator表单校验插件 插件目前提示错误,有两种模式:showword和showalert,即文字提示和窗口提示 目前支持5种大的校验方式,分别是:InputValidator(针对input、textarea、select控件的字符...

    jQuery formValidator表单验证插件

    jQuery formValidator是一款高效且功能丰富的JavaScript验证插件,专为基于jQuery的Web应用程序设计。它简化了表单验证的过程,提供了多种预定义的验证规则,以及自定义验证方法,使开发者能够轻松地创建符合业务...

    HTML/PHP/ASP/ASP.NET/JSP... jQuery UI.FormValidator 多功能实用表单输入检查插件

    jQuery UI.FormValidator 是一个跨平台的JavaScript库,专为这些语言的前端开发设计,用于实现高效、用户友好的表单输入验证。 HTML(超文本标记语言)是网页的基础,定义了页面的结构。它提供了各种标签来创建网页...

    jQuery formvalidator插件 API帮助文档

    jQuery FormValidator是一款强大的JavaScript验证插件,它极大地简化了网页表单的验证过程,提供了丰富的验证规则和灵活的API,使得开发者可以快速创建出符合业务需求的验证机制。本篇文章将深入探讨jQuery ...

    jQuery formValidator表单验证

    jQuery formValidator是一款基于jQuery库的高效、灵活的表单验证插件,旨在帮助开发者轻松实现对用户输入数据的实时验证,提高用户体验并确保数据的准确性和完整性。它提供了丰富的验证规则,可以覆盖大部分常见的...

    jquery验证框架_formValidator3.3

    `jQuery FormValidator 3.3` 是一个强大的JavaScript验证框架,专为简化和增强网页中的表单验证而设计。它基于流行的jQuery库,提供了丰富的功能和高度的自定义性,使得开发者能够快速集成并实现各种复杂的验证规则...

    jQuery formValidator表单验证插件示例源码.rar

    jQuery formValidator是一款强大的JavaScript表单验证插件,它基于jQuery库构建,旨在简化网页表单的数据验证过程,提供用户友好的交互体验。该插件通过自定义规则和错误消息,可以轻松实现各种复杂的验证需求,使得...

    jQuery formValidator表单验证插件4.1.3提供下载

    jQuery formValidator表单验证插件,它是基于jQuery类库,实现了js脚本于页面html代码的分离。你可以划分多个校验组,每个组的校验都是互不影响。对一个表单对象,你只需要写一行代码就可以轻松实现无数种(理论上)...

    jQuery表单验证formValidator3.5

    jQuery formValidator3.5是一个强大的JavaScript库,专门用于前端表单验证。它基于流行的jQuery框架,提供丰富的验证规则和灵活的自定义选项,使得开发者可以轻松地实现复杂的表单验证功能。 ### jQuery库 jQuery...

    注册插件formvalidator4.1.1

    FormValidator是一款强大的前端验证插件,主要用于在网页表单提交前进行数据校验,确保用户输入的数据符合预设的规则,从而提高用户体验并减少服务器端的压力。这个插件版本为4.1.1,它在前一版本的基础上进行了优化...

    jquery formValidator

    `jQuery FormValidator`是一款基于jQuery库的前端表单验证插件,它为开发者提供了一种简单而强大的方式来实现表单验证。这个插件在Web开发领域中颇受欢迎,因为它可以方便地添加验证规则,避免用户提交无效或不完整...

    jquery 的 formvalidator插件使用 多选项卡的弹出层效果

    在本文中,我们将深入探讨如何使用jQuery的formvalidator插件来实现一个复杂的注册页面,其中包含多选项卡和弹出层效果。这个插件是用于前端表单验证的强大工具,可以确保用户输入的数据符合预设的规则,提高用户...

Global site tag (gtag.js) - Google Analytics