文档章节

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

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

© 著作权归作者所有

共有 人打赏支持
小徐同学
粉丝 44
博文 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

没有更多内容

加载失败,请刷新页面

加载更多

kubeadm部署kubernetes集群

一、环境要求 这里使用RHEL7.5 master、etcd:192.168.10.101,主机名:master node1:192.168.10.103,主机名:node1 node2:192.168.10.104,主机名:node2 所有机子能基于主机名通信,编辑...

人在艹木中
42分钟前
2
0
Shell特殊符号总结以及cut,sort,wc,uniq,tee,tr,split命令

特殊符号总结一 * 任意个任意字符 ? 任意一个字符 # 注释字符 \ 脱义字符 | 管道符 # #号后的备注被忽略[root@centos01 ~]# ls a.txt # 备注 a.txt[root@centos01 ~]# a=1[root@centos01...

野雪球
今天
2
0
OSChina 周二乱弹 —— 程序员圣衣

Osc乱弹歌单(2018)请戳(这里) 【今日歌曲】 @达尔文:分享Skeeter Davis的单曲《The End of the World》 《The End of the World》- Skeeter Davis 手机党少年们想听歌,请使劲儿戳(这里...

小小编辑
今天
14
0
[ python import module ] 导入模块

import moudle_name ----> import module_name.py ---> import module_name.py文件路径 -----> sys.path (这里进行查找文件) # from app.web import Personimport app.web.Person as Pe......

_______-
昨天
5
0
Redis性能问题排查解决手册

一、性能相关的数据指标 通过Redis-cli命令行界面访问到Redis服务器,然后使用info命令获取所有与Redis服务相关的信息。通过这些信息来分析文章后面提到的一些性能指标。 nfo命令输出的数据可...

IT--小哥
昨天
2
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部