文档章节

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

小徐同学
 小徐同学
发布于 2017/05/03 21:21
字数 363
阅读 425
收藏 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上加(我就加了个验证手机号的~),也极其简单。更多高级玩法看下官网就会玩了。

© 著作权归作者所有

共有 人打赏支持
小徐同学
粉丝 43
博文 10
码字总数 4717
作品 0
珠海
程序员
talent-validate 4.0.1,十年前的 JS 验证框架,依旧风骚

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

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

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

小编辑
2011/09/13
791
1
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

没有更多内容

加载失败,请刷新页面

加载更多

下一页

高三暑假我是怎么想开去学linux系统的

高三的时候,我有一句口头禅:“老了老了,现在做题越来越迟钝了”。当时整天日夜苦读,体重日益增加,脸色越来越黯淡,我在终于熬过了高考的时候,简直心里面乐得开了花。我终于可以去做自己...

linuxprobe16
12分钟前
0
0
Python 获得命令行参数的方法

需要模块:sys 参数个数:len(sys.argv) 脚本名: sys.argv[0] 参数1: sys.argv[1] 参数2: sys.argv[2]

编程老陆
19分钟前
0
0
链队

队列用链表来表示时,需要用两个变量来记录队列两端的变化:theFront,theBack. 根据链接方向的不同,链队有两种链接方式(其实就是链表的头插入节点和尾插入节点,头删除节点和尾删除节点)。...

Frost729
23分钟前
0
0
IDEA toString() json模板

public java.lang.String toString() {java.lang.StringBuilder builder = new java.lang.StringBuilder();#set ($i = 0)#foreach ($member in $members)#if ($i == 0)builder.appen......

Mtok
32分钟前
0
0
Dubbo内核实现之SPI简单介绍

Dubbo采用微内核+插件体系,使得设计优雅,扩展性强。那所谓的微内核+插件体系是如何实现的呢!即我们定义了服务接口标准,让厂商去实现(如果不了解spi的请谷歌百度下), jdk通过ServiceLo...

明理萝
37分钟前
0
1

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部