validate

Vaidate 插件

　　在前端开发中, 我们会遇到大表单的验证和组合成JSON, 这是一项巨大的任务, 如果都通过 手动编写低级代码来实现 50+ input类型的验证和复杂JSON的组装， 这无疑是异常难以维护和极其枯燥的工作。

有幸， 在前端开发中，我也遇到这个问题，翻看网上自动验证的插件，比较有名气的是jquery.validate.js 这个插件, 但是 粗粗的一看 好像没有 自动组装成JSON的功能以及blur,fource 等事件监听检验的功能，所以就开发了一个 比较简单的 validate插件，依赖于Jquery.

　　实现了 基于 HTML 元素配置验证的方式，可以轻松的完成大表单的 事件验证（blur等），提交验证，以及JSON组装， 并且支持扩展，如编写自定义的组装方式，预定义了比较常用的valid，如 电话，非空，邮箱，身份证，等等， 以及一个结果组装方式（通过id:value构造JSON对象）。

　　如下 是运行截图:

JS代码

　　

HTML:

运行截图:

　　

已经支持的验证函数:

　　

插件中已经包含一些基本的验证函数:
@Notnull -- 非空
@Mobile --- 手机号码
@Telphone -- 电话号码
@Email --- 邮箱
@IdCard --- 身份证
@Chinese --- 中文输入
@Integer --- 整数
@+Integer --- 正整数
@-Integer --- 负整数
@Number -- 数字输入
@Word --- 单词输入[A-Za-z-0-9_]

包含一个默认的结果组装:
@Default -- id:value的格式封装.

项目地址:

https://github.com/y2k0103/validate

多多指教。

validate

时间： 2024-10-06 00:23:38

validate的相关文章

jquery validate的使用

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <link rel="stylesheet" href="../Common/css/user_login_register.css" /> <script src="../Common/js/jquery-val

【JQ成长笔记】jQuery Validate验证插件

validate是一款很好的jq插件,提供了强大的验证功能,让客户端表单验证变得更简单,同时提供了大量的定制选项,满足应用程序各种需求.该插件捆绑了一套有用的验证方法,包括 URL 和电子邮件验证,同时提供了一个用来编写用户自定义方法的 API.所有的捆绑方法默认使用英语作为错误信息,且已翻译成其他 37 种语言. 需要引入的js 1 <script type="text/javascript" src="../../scripts/jquery-1.3.1.js&qu

利用jquery.validate异步验证用户名是否存在

经过上百次的试验试和搜索,终于把jquery.validate的各种功能用法了解清楚,网上关于jquery.validate的AJAX表单验证比较少,特别是对rules里面的remote提得比较简单,使得学习起来比较难,下面发布一下我个人的用法: HTML头部引用: <script type="text/javascript" src="../js/jquery-1.3.2.min.js"></script><script type=&

JS验证控件jQuery Validate

jQuery Validate 插件为表单提供了强大的验证功能,让客户端表单验证变得更简单,同时提供了大量的定制选项,满足应用程序各种需求.该插件捆绑了一套有用的验证方法,包括 URL 和电子邮件验证,同时提供了一个用来编写用户自定义方法的 API. 实现步骤如下: step1:在body标签中增加一个表单标签 <form id="login_form" action="login.action" method="post"> <

Python3 Tkinter基础 Entry 自动检查输入内容是否符合要求 validate validatecommand

镇场诗: 清心感悟智慧语,不着世间名与利.学水处下纳百川,舍尽贡高我慢意. 学有小成返哺根,愿铸一良心博客.诚心于此写经验,愿见文者得启发.------------------------------------------ code: from tkinter import * root = Tk() def test(): if inputStr.get() != '舍名利': judgeRes.set('输入的不是舍名利') return False else: judgeRes.set(

Python3 Tkinter基础 Entry root.register包装函数 validatecommand中有 %P %v %W 传入当前的输入框的值及validate

镇场诗: 清心感悟智慧语,不着世间名与利.学水处下纳百川,舍尽贡高我慢意. 学有小成返哺根,愿铸一良心博客.诚心于此写经验,愿见文者得启发.------------------------------------------ code: from tkinter import * root = Tk() def test(content,reason,name): if content == "舍名利": print('正确') print(content, reason,name)

validate+jquery+ajax表单验证

①Html form表单内容 <form class="cForm" id="cForm" method="post" action=""> <p> <label for="user">用户名</label> <input id="user" name="user" required minlength="

jQuery使用简单示例 validate 插件

摘录自:http://blog.csdn.net/u010320371/article/details/51104783用户登录 用户名 密码 确认密码 [html] view plain copy <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>jQuery Validation 插件</title>

jquery validate插件教程

1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title>validate</title> 6 <script type="text/javascript" src="js/jquery-1.11.0.js" ></script> 7 <script type=&q

利用jquery.validate以及bootstrap的tooltip开发气泡式的表单校验组件

表单校验是页面开发中非常常见的一类需求,相信每个前端开发人员都有这方面的经验.网上有很多成熟的表单校验框架,虽然按照它们默认的设计,用起来没有多大的问题,但是在实际工作中,表单校验有可能有比较复杂的个性化的需求,使得我们用这些插件的默认机制并不能完成这些功能,所以要根据自己的需要去改造它们(毕竟自己还不到那个写一个完美的校验框架的层次).我用过formValidation这个校验框架,虽然它跟bootstrap配合地很好,但是校验风格太死板,不太满足个性化的场景:后来我找到了jquery.val