- 浏览: 7944029 次
- 性别:
- 来自: 广州
文章分类
- 全部博客 (2425)
- 软件工程 (75)
- JAVA相关 (662)
- ajax/web相关 (351)
- 数据库相关/oracle (218)
- PHP (147)
- UNIX/LINUX/FREEBSD/solaris (118)
- 音乐探讨 (1)
- 闲话 (11)
- 网络安全等 (21)
- .NET (153)
- ROR和GOG (10)
- [网站分类]4.其他技术区 (181)
- 算法等 (7)
- [随笔分类]SOA (8)
- 收藏区 (71)
- 金融证券 (4)
- [网站分类]5.企业信息化 (3)
- c&c++学习 (1)
- 读书区 (11)
- 其它 (10)
- 收藏夹 (1)
- 设计模式 (1)
- FLEX (14)
- Android (98)
- 软件工程心理学系列 (4)
- HTML5 (6)
- C/C++ (0)
- 数据结构 (0)
- 书评 (3)
- python (17)
- NOSQL (10)
- MYSQL (85)
- java之各类测试 (18)
- nodejs (1)
- JAVA (1)
- neo4j (3)
- VUE (4)
- docker相关 (1)
最新评论
-
xiaobadi:
jacky~~~~~~~~~
推荐两个不错的mybatis GUI生成工具 -
masuweng:
(转)JAVA获得机器码的实现 -
albert0707:
有些扩展名为null
java 7中可以判断文件的contenttype了 -
albert0707:
非常感谢!!!!!!!!!
java 7中可以判断文件的contenttype了 -
zhangle:
https://zhuban.me竹板共享 - 高效便捷的文档 ...
一个不错的网络白板工具
在学到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>
这里,演示了使用两个组(两个表单中有不同的控件)的使用,其中,只需要
validatorgroup: "1",(或2)去指定即可,十分方便. 这里还演示了使用
ajax提交验证的例子,使用的是ajaxValidator方法.
总的来说,还是十分简单,这个控件,而且在各浏览器下运行得不错,属于可以
支持的国产jquery插件
于是搜索了下,找到了这个国产的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插件
发表评论
-
微信开发工具中时间问题的小坑
2018-02-07 19:07 826刚开始用微信小程序开发工具,每次运行任何应用,都报这个错误: ... -
三篇不错的介绍CSS GRID的文章
2017-12-06 09:08 553三篇不错的介绍CSS GRID的文章: http://www. ... -
双因素认证(2FA)教程
2017-11-03 09:16 1572http://www.ruanyifeng.com/blog/ ... -
es6 中的export
2017-08-20 08:00 822https://juejin.im/post/5998625f ... -
markdown中的空格
2017-08-20 07:53 1701即使手动输入空格, 也是很不推荐的方法。我推荐全角空格,切换 ... -
(转)讲真,别再使用JWT了
2017-08-17 23:21 1013不错的好文: http://insights.thoughtw ... -
(转)手把手教你WebStorm+chrome实现时时调试刷新
2017-08-15 10:50 3027参考: http://jingyan.baidu.com/ar ... -
IntelliJ Idea 2017 免费激活方法
2017-08-15 09:38 93221. 到网站 http://idea.lanyus.com/ ... -
前端框架这么多,该何去何从?
2017-08-04 07:17 649http://insights.thoughtworkers. ... -
记录一个HTML 5画拓扑图的商业公司
2017-07-18 19:56 850http://qunee.com/ DEMO:http:// ... -
vue 2例子学习收集
2017-07-16 11:46 10071 vue2.0手撸闲鱼App https://githu ... -
(收藏)虚拟DOM内部是如何工作的
2017-07-13 22:08 593虚拟DOM内部是如何工作的 https://segmentfa ... -
最近看到的几篇精彩JAVASCRIPT博客文章推荐
2017-07-11 07:10 569【深度长文】JavaScript数组所有API全解密 http ... -
jsonp 跨域原理:深入浅出 jsonp
2017-07-10 19:55 1431https://lzw.me/a/jsonp.html jso ... -
(转)深度长文-JavaScript数组所有API全解密
2017-07-08 19:59 824深度长文-JavaScript数组所有API全解密 http: ... -
(收藏)网页导出PDF的方案
2017-07-06 07:13 981(收藏)网页导出PDF的方案 https://yiqiwuli ... -
Chromium 新的弹窗机制以及 HTML 的 <dialog> 元素
2017-06-28 12:37 1151https://juejin.im/post/59525195 ... -
国内一个不错的大屏UI设计厂家
2017-06-03 19:43 3160http://www.lanlanwork.com/dp.ph ... -
canvas仿芝麻信用分仪表盘
2017-05-28 20:21 1592canvas仿芝麻信用分仪表盘 https://segment ... -
(转)CSS 变量教程
2017-05-10 21:12 578http://www.ruanyifeng.com/blog/ ...
相关推荐
jQuery FormValidator 是一个强大且灵活的验证插件,尤其适用于处理大型、复杂的表单提交场景。这个插件通过丰富的自定义选项和易于使用的API,使得开发者能够轻松地对表单元素进行验证。 ### 1. 插件安装与引入 ...
jQuery FormValidator是一款强大的插件,专为jQuery设计,用于实现灵活、全面的表单验证功能。在4.0.1版本中,该插件提供了一系列丰富的特性,使得开发者能够快速构建出功能完善、易于维护的表单验证机制。 **一、...
jQuery formValidator是一款强大的JavaScript表单验证插件,它基于jQuery库,用于在用户提交表单前验证输入数据的正确性和格式。这个插件提供了一系列灵活的验证规则和自定义选项,使得开发者能够轻松地实现复杂的...
基于jquery框架,采用jQuery formValidator表单验证插件。
jQuery FormValidator 3.1 是一个强大的表单验证插件,它提供了丰富的验证规则和自定义设置,使得前端数据验证变得简单高效。同时,该插件还集成了日历组件,方便用户进行日期选择,提升用户体验。下面将详细探讨这...
jQuery formValidator2.2.4是一款广泛使用的轻量级表单验证插件,它提供了丰富的验证规则和灵活的自定义功能。在这个修改版中,开发者已经对原有的样式进行了调整,去除了之前的红色警告样式和箭头宽度,使得整体...
jQuery formValidator表单校验插件 插件目前提示错误,有两种模式:showword和showalert,即文字提示和窗口提示 目前支持5种大的校验方式,分别是:InputValidator(针对input、textarea、select控件的字符...
jQuery formValidator是一款高效且功能丰富的JavaScript验证插件,专为基于jQuery的Web应用程序设计。它简化了表单验证的过程,提供了多种预定义的验证规则,以及自定义验证方法,使开发者能够轻松地创建符合业务...
jQuery UI.FormValidator 是一个跨平台的JavaScript库,专为这些语言的前端开发设计,用于实现高效、用户友好的表单输入验证。 HTML(超文本标记语言)是网页的基础,定义了页面的结构。它提供了各种标签来创建网页...
jQuery FormValidator是一款强大的JavaScript验证插件,它极大地简化了网页表单的验证过程,提供了丰富的验证规则和灵活的API,使得开发者可以快速创建出符合业务需求的验证机制。本篇文章将深入探讨jQuery ...
jQuery formValidator是一款基于jQuery库的高效、灵活的表单验证插件,旨在帮助开发者轻松实现对用户输入数据的实时验证,提高用户体验并确保数据的准确性和完整性。它提供了丰富的验证规则,可以覆盖大部分常见的...
`jQuery FormValidator 3.3` 是一个强大的JavaScript验证框架,专为简化和增强网页中的表单验证而设计。它基于流行的jQuery库,提供了丰富的功能和高度的自定义性,使得开发者能够快速集成并实现各种复杂的验证规则...
jQuery formValidator是一款强大的JavaScript表单验证插件,它基于jQuery库构建,旨在简化网页表单的数据验证过程,提供用户友好的交互体验。该插件通过自定义规则和错误消息,可以轻松实现各种复杂的验证需求,使得...
jQuery formValidator表单验证插件,它是基于jQuery类库,实现了js脚本于页面html代码的分离。你可以划分多个校验组,每个组的校验都是互不影响。对一个表单对象,你只需要写一行代码就可以轻松实现无数种(理论上)...
jQuery formValidator3.5是一个强大的JavaScript库,专门用于前端表单验证。它基于流行的jQuery框架,提供丰富的验证规则和灵活的自定义选项,使得开发者可以轻松地实现复杂的表单验证功能。 ### jQuery库 jQuery...
FormValidator是一款强大的前端验证插件,主要用于在网页表单提交前进行数据校验,确保用户输入的数据符合预设的规则,从而提高用户体验并减少服务器端的压力。这个插件版本为4.1.1,它在前一版本的基础上进行了优化...
`jQuery FormValidator`是一款基于jQuery库的前端表单验证插件,它为开发者提供了一种简单而强大的方式来实现表单验证。这个插件在Web开发领域中颇受欢迎,因为它可以方便地添加验证规则,避免用户提交无效或不完整...
在本文中,我们将深入探讨如何使用jQuery的formvalidator插件来实现一个复杂的注册页面,其中包含多选项卡和弹出层效果。这个插件是用于前端表单验证的强大工具,可以确保用户输入的数据符合预设的规则,提高用户...