表单验证控件Verify.js

Posted 2hill

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了表单验证控件Verify.js相关的知识,希望对你有一定的参考价值。

自己工作常用到表单录入验证,就顺手写了一个验证控件,刚开始写得很烂。多年后翻出来,又优化了一下,增加了一些功能。拿出来分享分享。

主要功能就是表单的录入验证。

* 1、当录入框必填时,在控件后生成红色星号(设置star=false时不显示星号);
* 2、根据控件属性判断需要录入的数据格式,如果非法则阻止提交并弹出提示
* 3、支持分组验证,以及组的交叉验证。

主体功能:1、非空验证 2、字符长度验证 3、数值区间验证 4、输入是否相同 5、不等于某值 6、数据类型验证 7、文件类型限制 8、首尾字符验证

效果图:

技术分享图片

分组验证:

技术分享图片

 

演示地址:http://exam.weisha100.cn/Utility/Verify/index.htm

下载地址:https://files.cnblogs.com/files/2hill/Verify.zip

以上是关于表单验证控件Verify.js的主要内容,如果未能解决你的问题,请参考以下文章

Angular 反应式表单自定义控件异步验证

Access 2016 表单控件验证规则未触发

表单验证问题

关于bootstrap--表单控件(disabled表单禁用显示表单验证的样式)

如何与验证一起动态循环表单控件名称

验证不会传播到 Angular 中的自定义表单控件 ng-select