`
lin911220
  • 浏览: 3979 次
  • 性别: Icon_minigender_1
  • 来自: 湖南
最近访客 更多访客>>
社区版块
存档分类
最新评论

JQuery页面校验框架formvalidator,非常好用,而且可替换皮肤

 
阅读更多

附件:含CHM帮助文档,及实列

---------------------------

 jQuery formValidator表单验证插件是什么?


        jQuery formValidator表单验证插件,它是基于jQuery类库,实现了js脚本于页面html代码的分离。你可以划分多个校验组,每个组的校验都是互不影响。对一个表单对象,
你只需要写一行代码就可以轻松实现无数种(理论上)脚本控制插件支持6种大的校验方式,分别是:inputValidator(针对input、textarea、select控件的字符长度、值范围、选择个数的控制)、compareValidator(提供2个对象的比较,目前可以比较字符串和数值型)、ajaxValidator(通过ajax到服务器上做数据校验)、regexValidator(提供可扩展的正则表达式库) 、functionValidator (可使用外部函数来做校验,可以当做过程处理)、passwordValidator(密码强度校验)插件支持四种提示模式:固定提示层(FixTip)、自动构建提示层(AutoTip)、单个提示层跟随(SingleTip)、弹出提示内容(AlertTip)。插件支持换肤:默认情况下提供4套皮肤,其中包括58网、网易邮箱注册两套皮肤。

 

 


本插件于其他校验控件最大的区别有6点:


1、校验功能可以扩展。
        对中文、英文、数字、整数、实数、Email地址格式、基于HTTP协议的网址格式、电话号码格式、手机号码格式、货币格式、邮政编码、身份证号码、QQ号码、日期等等这些控制,别的表单校验控件是代码里写死的,而formValidator是通过外部js文件来扩展的,你可以通过写正则表达式和函数来无限的扩展这些功能

2、实现了校验代码于html代码的完全分离。
        你的所有信息都无需配置在校验表单元素上,你只要在js上配置你的信息。使美工(界面)和javascript工程师的工作不交织在一起

3、你只需写一行代码就能完成一个表单元素的所有校验。你只需要写一行代码就能完成一下所有的控制

  • 支持所有类型客户端控件的校验
  • 支持jQuery所有的选择器语法,只要控件有唯一ID和type属性
  • 支持函数和正则表达式的扩展。提供扩展库formValidatorReg.js,你可以自由的添加、修改里面的内容。
  • 支持2种校验模式。第一种:文字提示(showword模式);第二种:弹出窗口提示(showalert模式)
  • 支持多个校验组。如果一个页面有多个提交按钮,分别做不同得提交,提交前要做不同的校验,所以你得用到校验组的功能。
  • 支持4种状态的信息提示功能,可以灵活的控制4种状态是否显示。第一种:刚打开网页的时候进行提示;第二种:获得焦点的时候进行提示;第三种:失去焦点时,校验成功时候的提示;第四种:失去焦点时,校验失败的错误提示。
  • 支持自动构建提示层。可以进行精确的定位。
  • 支持自定义错误提示信息。
  • 支持控件的字符长度、值范围、选择个数的控制。值范围支持数值型和字符型;选择的个数支持radio/checkbox/select三种控件
  • 支持2个控件值的比较。目前可以比较字符串和数值型。
  • 支持服务器端校验。
  • 支持输入格式的校验。

4、支持多大4种提示模式。

固定提示层(FixTip)、自动构建提示层(AutoTip)、单个提示层跟随(SingleTip)、弹出提示内容(AlertTip)

5、支持换肤。

  • 默认提供三套皮肤(ArrowSolidBox、Default、SolidBox、126)
  • 可以下载无数网友编辑的皮肤。

分享到:
评论

相关推荐

    jquery验证框架,formValidator4.0.1

    《jQuery验证框架FormValidator 4.0.1详解》 jQuery FormValidator 4.0.1是一款高效且易于使用的文本验证框架,它为开发者提供了强大的表单验证功能,简化了前端数据验证的复杂性,使得网页应用的用户体验更加完善...

    jquery验证框架_formValidator3.3

    1. **引入jQuery和插件**:首先确保页面中已经引入了jQuery库,然后引入`formValidator3.3` 的JS文件和CSS样式表。 2. **设置验证规则**:通过jQuery选择器定位表单元素,然后使用`.formValidator()` 方法设置验证...

    jquery 表单校验的插件formValidator4.01

    5. **可扩展性**:jQuery FormValidator允许与其他jQuery插件(如Bootstrap、jQuery UI等)无缝集成,增强了插件的适用范围。 6. **丰富的验证规则**:包括但不限于数字、字母、长度、URL、日期、时间等,覆盖了...

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

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

    jquery表单注册验证formvalidator4.1.3完整下载

    4. 验证样式:可与Bootstrap、Foundation等前端框架集成,通过CSS类实现错误状态的样式提示。 5. 异步验证:支持通过Ajax进行异步验证,如检查用户名是否已存在。 三、安装与引入 首先,你需要在项目中引入jQuery...

    jQuery formValidator表单验证

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

    jquery 表单插件 formvalidator

    同时,别忘了在页面中引入jQuery库,因为FormValidator依赖于jQuery。 ```html <!DOCTYPE html> <script src="https://code.jquery.com/jquery-3.x.y.min.js"></script> ...

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

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

    jquery formValidator

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

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

    《jQuery表单验证插件 formValidator2.2.4 - 定制样式解析》 在Web开发中,表单验证是不可或缺的一部分,它确保用户输入的数据符合预设的规则,从而提高用户体验并减少服务器端的压力。jQuery formValidator2.2.4是...

    jquery的formValidator

    jquery验证必用的包,jquery的formValidator,欢迎大家下载,谢谢

    jQuery.FormValidator.chm

    jQuery.FormValidator.chmjQuery.FormValidator.chmjQuery.FormValidator.chmjQuery.FormValidator.chm

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

    总之,jQuery formValidator是前端开发中一个非常实用的工具,它简化了表单验证的实现,让开发者可以专注于业务逻辑而不是繁琐的验证代码。通过深入研究提供的示例和文档,你将能够熟练掌握并利用这个插件提高你的...

    jQuery formValidator表单验证插件4.1.2,可换肤,可密码强度校验

    jQuery formValidator表单验证插件4.1.1功能说明, 1、支持换肤(目前自带4套皮肤,其中包括58网、网易邮箱注册两套皮肤,当前演示的是网易126的皮肤) 2、支持密码强度校验 3、支持固定提示层 4、支持输入框内值...

    JQuery formvalidator4.1.1(实例+文档).rar

    《JQuery FormValidator 4.1.1:前端验证利器详解》 JQuery FormValidator 4.1.1是一款强大的JavaScript库,专为前端表单验证而设计。它结合了jQuery的强大功能,使得开发者能够轻松地对用户输入的数据进行实时验证...

    jQuery formValidator表单校验插件ver2.9.1

    作者主页:http://wzmaodong.cnblogs.com/<br>功能介绍: jQuery formValidator表单校验插件 插件目前提示错误,有两种模式:showword和showalert,即文字提示和窗口提示 目前支持5种大的校验方式,分别是:...

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

    使用jQuery formValidator时,首先需要在页面中引入jQuery库和formValidator的相关文件。然后,通过选择器找到要进行验证的表单元素,并调用`.formValidator()`方法,配置相应的验证规则和错误提示。例如: ```html...

    formValidator代码生成器+jQuery+formValidator+jquery.ui.dialog

    这在需要与用户进行交互或展示额外信息时非常有用,而且不会干扰主页面的流程。 将这三者结合使用,可以构建出高效的前端表单系统。例如,当用户在表单中输入数据时,`formValidator`会实时验证输入,如果发现错误...

    jQuery formValidator表单验证插件

    **jQuery formValidator表单验证插件** jQuery formValidator是一款高效且功能丰富的JavaScript验证插件,专为基于jQuery的Web应用程序设计。它简化了表单验证的过程,提供了多种预定义的验证规则,以及自定义验证...

    jQuery表单验证formValidator3.5

    **jQuery表单验证formValidator3.5** 在Web开发中,表单验证是必不可少的一环,它确保用户输入的数据符合预设的规则,减少服务器端的处理负担,并提供更好的用户体验。jQuery formValidator3.5是一个强大的...

Global site tag (gtag.js) - Google Analytics