文档章节

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

小徐同学
 小徐同学
发布于 2017/05/03 21:21
字数 363
阅读 421
收藏 7
点赞 1
评论 0

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上加(我就加了个验证手机号的~),也极其简单。更多高级玩法看下官网就会玩了。

© 著作权归作者所有

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

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

talent-tan ⋅ 2017/05/07 ⋅ 16

talent-validate 2.1.1发布,JS验证框架

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

小编辑 ⋅ 2011/09/13 ⋅ 1

talent-validate 1.6.0 发布,JS验证框架

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

小编辑 ⋅ 2011/08/02 ⋅ 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

HTML 前端输入验证框架--talent-validate

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

talent-tan ⋅ 2011/08/02 ⋅ 1

talent-validate 3.0.0 发布(做不了宇宙第一,就做太阳系第一)

talent-validate3.0.0下载地址:http://tywo45.iteye.com/blog/1942352 标题有点浮夸,少不了要引来众多口水,大家发发牢骚我觉得挺好。之所以写这样的标题,是因为这个框架真心不错,而且我...

talent-tan ⋅ 2013/09/16 ⋅ 8

talent validate 2.7.8 发布,支持服务端验证

talent验证框架2.7.8发布了! 本次修改点: 1、增加服务端验证 2、提示信息更人性化:鼠标移到提示信息上面时,把对应的输入框进行突出显示;单击提示信息会将鼠标focus到对应的输入框 说明:...

小编辑 ⋅ 2011/09/22 ⋅ 2

t-io 1.7.0 发布,让天下没有难开发的即时通讯

几句题外话 talent-aio 更名为 t-io 后,发的第一条新闻,中间两个小版本没发新闻 现在发个新版本比以前犹豫多了,希望带给大家一个足够完美和“风骚”的新版本,同时也希望大家持着更为理性...

talent-tan ⋅ 2017/05/03 ⋅ 78

SpringBlade 快速开发平台 V1.0 发布

SpringBlade 是基于多个优秀的开源项目,将spring、springMVC、beetl、beetlsql、shiro整合而成的快速开发平台。 地址:https://git.oschina.net/smallc/SpringBlade 内置功能 用户管理 角色...

smallchill ⋅ 2016/09/02 ⋅ 14

10个强大的Javascript表单验证插件推荐

创建一个JavaScript表单验证插件,可以说是一个繁琐的过程,涉及到初期设计、开发与测试等等环节。实际上一个优秀的程序员不仅是技术高手,也应该是善假于外物的。本文介绍了10个不错的JavaS...

小鲅鱼 ⋅ 2012/04/20 ⋅ 4

没有更多内容

加载失败,请刷新页面

加载更多

下一页

使用 vue-cli 搭建项目

vue-cli 是一个官方发布 vue.js 项目脚手架,使用 vue-cli 可以快速创建 vue 项目,GitHub地址是:https://github.com/vuejs/vue-cli 一、 安装 node.js 首先需要安装node环境,可以直接到中...

初学者的优化 ⋅ 10分钟前 ⋅ 0

设计模式 之 享元模式

设计模式 之 享元模式 定义 使用共享技术来有效地支持大量细粒度对象的复用 关键点:防止类多次创建,造成内存溢出; 使用享元模式来将内部状态与外部状态进行分离,在循环创建对象的环境下,...

GMarshal ⋅ 25分钟前 ⋅ 0

SpringBoot集成Druid的最简单的小示例

参考网页 https://blog.csdn.net/king_is_everyone/article/details/53098350 建立maven工程 Pom文件 <?xml version="1.0" encoding="UTF-8"?> <project xmlns="http://maven.apache.org/POM......

karma123 ⋅ 今天 ⋅ 0

Java虚拟机基本结构的简单记忆

Java堆:一般是放置实例化的对象的地方,堆分新生代和老年代空间,不断未被回收的对象越老,被放入老年代空间。分配最大堆空间:-Xmx 分配初始堆空间:-Xms,分配新生代空间:-Xmn,新生代的大小一...

算法之名 ⋅ 今天 ⋅ 0

OSChina 周日乱弹 —— 这么好的姑娘都不要了啊

Osc乱弹歌单(2018)请戳(这里) 【今日歌曲】 @TigaPile :分享曾惜的单曲《讲真的》 《讲真的》- 曾惜 手机党少年们想听歌,请使劲儿戳(这里) @首席搬砖工程师 :怎样约女孩子出来吃饭,...

小小编辑 ⋅ 今天 ⋅ 8

Jenkins实践3 之脚本

#!/bin/sh# export PROJ_PATH=项目路径# export TOMCAT_PATH=tomcat路径killTomcat(){pid=`ps -ef | grep tomcat | grep java|awk '{print $2}'`echo "tom...

晨猫 ⋅ 今天 ⋅ 0

Spring Bean的生命周期

前言 Spring Bean 的生命周期在整个 Spring 中占有很重要的位置,掌握这些可以加深对 Spring 的理解。 首先看下生命周期图: 再谈生命周期之前有一点需要先明确: Spring 只帮我们管理单例模...

素雷 ⋅ 今天 ⋅ 0

zblog2.3版本的asp系统是否可以超越卢松松博客的流量[图]

最近访问zblog官网,发现zlbog-asp2.3版本已经进入测试阶段了,虽然正式版还没有发布,想必也不久了。那么作为aps纵横江湖十多年的今天,blog2.2版本应该已经成熟了,为什么还要发布这个2.3...

原创小博客 ⋅ 今天 ⋅ 0

聊聊spring cloud的HystrixCircuitBreakerConfiguration

序 本文主要研究一下spring cloud的HystrixCircuitBreakerConfiguration HystrixCircuitBreakerConfiguration spring-cloud-netflix-core-2.0.0.RELEASE-sources.jar!/org/springframework/......

go4it ⋅ 今天 ⋅ 0

二分查找

二分查找,也称折半查找、二分搜索,是一种在有序数组中查找某一特定元素的搜索算法。搜素过程从数组的中间元素开始,如果中间元素正好是要查找的元素,则搜素过程结束;如果某一特定元素大于...

人觉非常君 ⋅ 今天 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部