我是小站长 發表於 2019-6-1 20:06:35

通用表单验证组件Validform

<br />Validform是表单验证的一个解决方案,它可以让你不用考虑表单的验证逻辑和元素之间的依赖关系而只需专注于单个元素的验证规则,而且单个元素的验证它也已提供了常用的验证规则,这些规则它还允许你逻辑组合着使用,默认提供的规则不够用时还能很方便的扩展添加自定义的规则,验证的各种状态,如出错、成功等都能由自己决定怎么显示,所以,当你使用Validform做表单验证,要做的就只是给元素指定规则而已了!<br /><br />Validform使用入门<br /><br />1、引入Validform.css<br /><ol><li>&lt;link type=&quot;text/css&quot; href=&quot;Validform.css&quot;&gt;&lt;/script&gt;</ol><br /><br />2、引入js (jquery 1.4.3 以上版本都可以)<br /><br /><ol><li>&lt;script type=&quot;text/javascript&quot; src=&quot;jquery-1.4.3.min.js&quot;&gt;&lt;/script&gt;<br /><li>&lt;script type=&quot;text/javascript&quot; src=&quot;Validform_v6.0.0-min.js&quot;&gt;&lt;/script&gt;</ol><br /><br />3、给需要验证的表单元素绑定附加属性<br /><br /><ol><li>&lt;form class=&quot;demoform&quot; &gt;<br /><li>&lt;input type=&quot;text&quot; value=&quot;&quot; name=&quot;name&quot; datatype=&quot;s5-16&quot; errormsg=&quot;昵称至少5个字符,最多16个字符!&quot; /&gt;<br /><li>&lt;/form&gt;</ol><br /><br />4、初始化,就这么简单<br /><br /><ol><li>new Validform();</ol><br /><br />演示及下载:<br />http://validform.rjboy.cn/demo.html验证<em>, </em>规则<em>, </em>Validform<em>, </em>表单<em>, </em>元素
頁: [1]
查看完整版本: 通用表单验证组件Validform