资讯频道 → Web前端
阅读更多

13顶
0踩

Web前端

原创新闻 talent-validate2.1.1发布，JS验证框架

2011-09-12 10:52 by 见习记者 tywo45 评论(22) 有10732人浏览
框架 验证 javascript

声明：ITeye资讯文章的版权属于ITeye网站所有，严禁任何网站转载本文，否则必将追究法律责任！

本框架已相当成熟（多个项目使用，上千个页面验证），推荐大家考虑其作为项目的验证框架！

本次修改点比较少，主要如下：

1、提示信息加个“关闭”按钮，如果提示信息妨碍了用户操作，用户可以将其关闭



2、增加了“自定义验证器”演示，如果现有验证器满足不了需求，可以照猫画虎弄一个新的，见上图

3、减少不必要的事件、优化代码顺序以节约性能

4、根据上次社区朋友提的意见，完善功能，如增加对checkbox和radio的友好支持

两点说明：

1、关闭按钮似乎有点丑，希望能遇到美工MM帮忙美化一下

2、提示信息在IE和非IE下，略有不同，但无大碍

下载地址：http://dl.iteye.com/topics/download/1b20cb0c-a01d-394e-8f30-0173a4b634a9

期待大家提出更好的建议，让talent-validate做最好的js验证框架！谢谢！
13
顶
0
踩
评论 共 22 条 请登录后发表评论
22 楼 liuchangyu78 2014-05-30 09:33
tt.vf.req.add("username","realname","certificateno","telphone","email");
为什么我添加了多个表单的验证，最后效果是只有email有验证提示信息  其他表单只是表单boder变红  却没有提示信息，是我哪里配置的有问题吗clearOtherError : false, 我配置的也是false
21 楼 FreedomHeaven 2013-04-30 23:34
fireFox下提示信息完全遮挡住了。。IE下还不错。。
这样应该算不兼容吧= =！项目组更不敢用了。。
20 楼 子逸兄 2011-09-19 16:12
效果不错，就是验证感觉简单了些，真正到运用的时候，带得重写
19 楼 dayspring1985 2011-09-14 16:53
呵呵不错哈！
18 楼 dayspring1985 2011-09-14 16:53
呵呵不错哈！
17 楼 dayspring1985 2011-09-14 16:53
呵呵不错哈！
16 楼 topcode 2011-09-14 14:56
阿斯顿f生生世世
15 楼 tywo45 2011-09-13 20:47
lcfred 写道
能否实现调用后台校验？

暂时没提供直接的支持方式，但利用该框架仍然可以完成诸如用户名、密码需要后端支持的验证。具体请参考图示demo：


后期有计划提供后台校验。
14 楼 axky00 2011-09-13 18:04
nice,thank you
13 楼 jhaij 2011-09-13 15:56
hhh呵呵呵呵呵呵i飞 反复反复反复反复放假撒你死急哦阿斯
12 楼 youjianbo_han_87 2011-09-13 15:52
好像不错.....
11 楼 Brera 2011-09-13 13:35
Aaron5 写道
lcfred 写道
能否实现调用后台校验？

JS这东西本来就是前端验证的吧！？难道还有后台验证？

我想他问的是ajax校验
10 楼 Aaron5 2011-09-13 13:29
lcfred 写道
能否实现调用后台校验？

JS这东西本来就是前端验证的吧！？难道还有后台验证？
9 楼 lcfred 2011-09-13 13:03
能否实现调用后台校验？
8 楼 tangjikey 2011-09-13 12:41
有机会一定要试一下，看起来貌似不错。
7 楼 tywo45 2011-09-13 12:28
有提示支持的，你在talent-validate-all.js中搜索errorStyle，在它的定义处，将其值改为‘alert’即可。默认是'text'的。
rjbj 写道
希望有弹出式的提示

希望有弹出式的提示
rjbj 写道
希望有弹出式的提示

6 楼 翎风天下 2011-09-13 12:24
不错，不过还没用！
5 楼 whui0110 2011-09-13 10:35
不错    mark
4 楼 rjbj 2011-09-13 09:11
希望有弹出式的提示
3 楼 西北汉子 2011-09-13 08:30
用过了，特别好！

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

  • talent-validate-new(验证框架)

    这是开源的一个表单js验证框架，运用Jquery技术进行表单整合的验证，只需配置下信息即可进行验证。

  • talent-validate 非常强大的 js 验证框架

    包含 1、talent-validate2.1 前台js 验证框架 2、修改 talent局部样式，做了几个例子

  • talent-validate,强大的js验证框架

    请参考：http://tywo45.iteye.com/blog/1942352

  • talent-validate框架及其使用手册

    talent-validate框架及其使用手册

  • talent-validate2.1.1发布，做最好的js验证框架！

    本框架已相当成熟（多个项目使用，上千个页面验证），推荐大家考虑其作为项目的验证框架！ 本次修改点比较少，主要如下： 1、提示信息加个“关闭”按钮，如果提示信息妨碍了用户操作，用户可以将其关闭 [img]...

  • vee-validate vue 2.0自定义表单验证的实例

    学习vee-validate，首先可以去阅读官方文档，更为详细可以阅读官网中的规则。 一、安装 您可以通过npm或通过CDN安装此插件。 1. NPM npm install vee-validate --save 2. CDN [removed][removed] [removed]...

  • nano-validate:验证nano JavaScript框架的插件

    nano Validate插件的Validate插件向API包装器添加了一种方法，该方法提供了对多种数据类型的验证。安装要添加Validate插件，请将其包含在核心框架之后的文档的<head>中： <!DOCTYPE html >< html > &...

  • talent-validate3.0.0发布

    NULL 博文链接：https://tywo45.iteye.com/blog/1942352

  • talent-validate1.5发布

    NULL 博文链接：https://tywo45.iteye.com/blog/1131796

  • ree-validate:简单的React.js输入验证插件从vee-validate扩展

    VeeValidate是一个库 ，使您可以验证输入字段，并显示错误。 该插件的灵感来自。 安装 npm npm install ree-validate --save 纱 yarn add ree-validate 入门 import ReeValidate from 'ree-validate' 安装类名以...

  • js验证组件 talent-validate

    js验证组件 talent-validate

  • express-validate.js:validate.js 验证框架的中间件包装器

    验证框架的中间件包装器 ＃＃安装 $ npm install express-validate.js ＃＃例子 var validate = require ( 'express-validate.js' ) , express = require ( 'express' ) ; express ( ) . get ( '/user/:userId/...

  • protoc-gen-validate:protoc插件生成多语种消息验证器

    验证原始协议（PGV） 该项目目前处于alpha状态。 API应该被认为是不稳定的并且可能会改变 PGV是一个协议插件，用于生成多语种消息验证器。 尽管协议缓冲区有效地保证了结构化数据的类型，但它们不能对值强制执行...

  • f3-validate:PHP无脂肪框架的验证

    无脂肪框架验证器 易于使用且适用于无脂肪框架的关键验证特征 安装 使用作曲家 composer require geofmureithi/f3-validate 手动地 将lib\validate.php文件复制到lib文件夹或自动包含的文件夹的任何根目录。 请记住...

  • Jquery-validate扩展方法(验证空格)

    jquery-validate 可对前端form进行表单校验，文档里详细介绍了如何使用jquery-validate框架和如何扩展验证方法。

  • html-validate-webpack-plugin:用于webpackHTML-validate.org插件

    html-validate-webpack-plugin 用于webpack的插件关于插件此插件是围绕 cli的简单包装，可在每次Webpack编译后自动进行验证。安装npm install html-validate-webpack-plugin --save-dev 注意：安装html-validate并...

  • talent-validate

    talent-validate最新版，本人是该框架作者

  • 【精品】前端验证框架：jquery-validate.js

    jquery.validate.js是我们经常用到的form表单验证插件，可以很方便的帮我们进行表单验证。 官网：https://bassistance.de/jquery-plugins/jquery-plugin-validation 校验规则 规则 说明 required:true 必输...

  • 智慧旅游景区解决方案PPT(50页).pptx

    智慧旅游解决方案利用云计算、物联网和移动互联网技术，通过便携终端设备，实现对旅游资源、经济、活动和旅游者信息的智能感知和发布。这种技术的应用旨在提升游客在旅游各个环节的体验，使他们能够轻松获取信息、规划行程、预订票务和安排食宿。智慧旅游平台为旅游管理部门、企业和游客提供服务，包括政策发布、行政管理、景区安全、游客流量统计分析、投诉反馈等。此外，平台还提供广告促销、库存信息、景点介绍、电子门票、社交互动等功能。 智慧旅游的建设规划得到了国家政策的支持，如《国家中长期科技发展规划纲要》和国务院的《关于加快发展旅游业的意见》，这些政策强调了旅游信息服务平台的建设和信息化服务的重要性。随着技术的成熟和政策环境的优化，智慧旅游的时机已经到来。 智慧旅游平台采用SaaS、PaaS和IaaS等云服务模式，提供简化的软件开发、测试和部署环境，实现资源的按需配置和快速部署。这些服务模式支持旅游企业、消费者和管理部门开发高性能、高可扩展的应用服务。平台还整合了旅游信息资源，提供了丰富的旅游产品创意平台和统一的旅游综合信息库。 智慧旅游融合应用面向游客和景区景点主管机构，提供无线城市门户、智能导游、智能门票及优惠券、景区综合安防、车辆及停车场管理等服务。这些应用通过物联网和云计算技术，实现了旅游服务的智能化、个性化和协同化，提高了旅游服务的自由度和信息共享的动态性。 智慧旅游的发展标志着旅游信息化建设的智能化和应用多样化趋势，多种技术和应用交叉渗透至旅游行业的各个方面，预示着全面的智慧旅游时代已经到来。智慧旅游不仅提升了游客的旅游体验，也为旅游管理和服务提供了高效的技术支持。

  • 智慧旅游实景三维智慧景区建设方案PPT(70页).pptx

    智慧旅游解决方案利用云计算、物联网和移动互联网技术，通过便携终端设备，实现对旅游资源、经济、活动和旅游者信息的智能感知和发布。这种技术的应用旨在提升游客在旅游各个环节的体验，使他们能够轻松获取信息、规划行程、预订票务和安排食宿。智慧旅游平台为旅游管理部门、企业和游客提供服务，包括政策发布、行政管理、景区安全、游客流量统计分析、投诉反馈等。此外，平台还提供广告促销、库存信息、景点介绍、电子门票、社交互动等功能。 智慧旅游的建设规划得到了国家政策的支持，如《国家中长期科技发展规划纲要》和国务院的《关于加快发展旅游业的意见》，这些政策强调了旅游信息服务平台的建设和信息化服务的重要性。随着技术的成熟和政策环境的优化，智慧旅游的时机已经到来。 智慧旅游平台采用SaaS、PaaS和IaaS等云服务模式，提供简化的软件开发、测试和部署环境，实现资源的按需配置和快速部署。这些服务模式支持旅游企业、消费者和管理部门开发高性能、高可扩展的应用服务。平台还整合了旅游信息资源，提供了丰富的旅游产品创意平台和统一的旅游综合信息库。 智慧旅游融合应用面向游客和景区景点主管机构，提供无线城市门户、智能导游、智能门票及优惠券、景区综合安防、车辆及停车场管理等服务。这些应用通过物联网和云计算技术，实现了旅游服务的智能化、个性化和协同化，提高了旅游服务的自由度和信息共享的动态性。 智慧旅游的发展标志着旅游信息化建设的智能化和应用多样化趋势，多种技术和应用交叉渗透至旅游行业的各个方面，预示着全面的智慧旅游时代已经到来。智慧旅游不仅提升了游客的旅游体验，也为旅游管理和服务提供了高效的技术支持。

Global site tag (gtag.js) - Google Analytics