文档章节

分享个前端验证框架,talent-validate

小徐同学
 小徐同学
发布于 2017/05/03 21:21
字数 363
阅读 438
收藏 7

talent-validate 是t-io作者之前的作品,这几天在新项目用的感觉很好,主要是简单,非常简单。特别是对于我这种很懒很懒的人来说。传送门:http://www.talent-tan.com:9292/validate/

引用步骤:一个css,一个js。另外还需要加入 jquery .js,版本应该是没什么要求的,此框架对jq依赖不多。

    <link type="text/css" rel="stylesheet" href="../js/validate/css/validate.css" />  
    <script src="../js/validate/talent-validate-all.js" language="javascript"></script>  

下面有两个input,我们只要在js中绑定上就ok.

            <input type="email" class="form-control" id="email">
            <input type="password" class="form-control" id="password">

JS 代码

 <script id="talent_script">
    tt.vf.req.addId("email", "password");
    tt.vf.email.addId("email");
  </script>

注意这里是用ID绑定,如果用name,则为

 <script id="talent_script">
    tt.vf.req.add("email", "password");
    tt.vf.email.add("email");
  </script>

验证按钮,验证的时候在表单提交之前调用一下tt.validate()即可,返回false则不提交。

<input type="button" class="btn btn-default" value="验证" onclick="tt.validate()" />

效果如上,req为非空判断,email则为邮箱判断,框架本身已经支持足够多的验证,ip4,整数,服务器验证,正则,自定义...等等,如果有特需需求,用自定义验证就ok,再不济直接在js上加(我就加了个验证手机号的~),也极其简单。更多高级玩法看下官网就会玩了。

© 著作权归作者所有

共有 人打赏支持
小徐同学
粉丝 45
博文 11
码字总数 5432
作品 0
广州
程序员
私信 提问
talent-validate 2.1.1发布,JS验证框架

talent-validate 2.1.1发布了,talent-validate 是一个非常灵活和易用的HTML前端输入验证框架。 该版本主要改进内容: 1、提示信息加个“关闭”按钮,如果提示信息妨碍了用户操作,用户可以将...

小编辑
2011/09/13
795
1
talent-validate 4.0.1,十年前的 JS 验证框架,依旧风骚

talent-validate 简介 talent-validate是一个灵活强大、易用、风骚的js前端验证框架,虽然诞生于10年前,但是用户体验和开发人员体验依旧风骚,用上几天,说不定会颠覆你对js验证框架的印象。...

talent-tan
2017/05/07
1K
16
talent-validate 1.6.0 发布,JS验证框架

talent-validate 是一个非常灵活和易用的HTML前端输入验证框架。 特点: 灵活绑定和拆除验证 可轻易扩展新的验证器 详细的文档(文档模板来自springside3.0) 极简的使用代码 国际化支持 跨浏览...

小编辑
2011/08/02
1K
1
talent-tan/talent-validate

#talent-validate(js验证框架) 演示地址:http://www.talent-tan.com:9292/validate 一 、框架的一些特点: 1、易用是必须的,下载代码后,打开index.html,有使用手册和各种例子 2、灵活和强...

talent-tan
2016/07/04
0
0
HTML 前端输入验证框架--talent-validate

talent-validate(js验证框架) 一 、框架的一些特点: 1、易用是必须的,下载代码后,打开index.html,有使用手册和各种例子 2、灵活和强大是必须的。几乎适用所有的页面验证,尤其是复杂灵活...

talent-tan
2011/08/02
5.3K
1

没有更多内容

加载失败,请刷新页面

加载更多

fabric增删改查Mac

备份1.3版本,重新下载1.1版本到fabric文件夹 /opt/gopath/src/github.com/hyperledger/fabric -> /opt/gopath/src/github.com/hyperledger/fabric1.3 新建/opt/gopath/src/github.com/hype......

八戒八戒八戒
19分钟前
2
0
盘点愚人节各大网站彩蛋,谁最爱恶搞?

如今的愚人节俨然已是各品牌宣传了一个重要节日,同时,也成为了各大互联网科技企业凑热闹,比拼创意和策划的节日。跟小编一起看看有哪些有趣的策划吧! Google地图变成吃豆人游戏 每年愚人节...

临江仙卜算子
43分钟前
3
0
Java7/8 中的 HashMap 和 ConcurrentHashMap 全解析

本文分析的是源码,所以至少读者要熟悉它们的接口使用,同时,对于并发,读者至少要知道 CAS、ReentrantLock、UNSAFE 操作这几个基本的知识,文中不会对这些知识进行介绍。Java8 用到了红黑树...

java菜分享
44分钟前
3
0
玩手机与做实验

看过这样一个故事:说的是在二十世纪二十年代初的一个深夜,担任英国剑桥大学卡文迪许实验室主任的卢瑟福来实验室检查,发现一位学生还在做实验。卢瑟福就问他:“你上午做什么了?”学生回答...

Bob2100
今天
5
0
Kafka流式处理

Kafka Streams 初识流式处理 什么是数据流 数据流(也叫事件流)是无边界数据集的抽象表示。无边界意味着无限和持续增长。无边界数据集之所以是无限的,是因为随着时间的推移,新记录会不断加...

东都大狼狗
今天
10
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部