功能简介:
可以在input上直接绑定正则,可以自定义datatype,自定义datatype可以是正则,也可以是函数,datatype可以累加或单选,甚至还可以对datatype规则执行简单的逻辑运算。内置10类常见的格式验证;
可以自定义提示方式,可以实现你想要的任何提示效果。内置了4种常见的提示方式;
可以对表单下的某一块区域或具体的某个表单元素单独进行验证,并可以选择验证后需不需要显示出错信息,还能得到一个值来判断被检测对象是否通过了验证;
可以轻松的取消或恢复对表单下的某一块区域或具体的某个表单元素的验证;
强大的ajax功能,很轻松的可以实现实时验证以及表单的ajax提交;可以灵活的设置ajax提交时的参数;
智能的出错信息提示:会根据绑定的datatype输出相应的出错信息,另外还可以在自定义datatype里返回具体的出错信息,错误信息里可以使用html标签,如果页面里没有显示出错信息的标签,会根据tiptype值自动创建。可以选择在没有输入时不提示和只在提交表单时有信息提示。可以选择一次提示单个错误或一次显示全部出错信息。可以自己设置默认的提示文字;
可以在表单开始检测前和表单检测通过后,提交表单之前绑定事件;
当前版本外调插件可以实现文件上传检测、密码强度检测、日期控件和表单美化效果;
丰富的Validform对象的属性和方法,给你的验证操作带来无限的可能。
Validform使用入门
1、引入css
请查看下载文件中的style.css,把里面Validform必须部分复制到你的css中(文件里这个注释 "/*==========以下部分是Validform必须的===========*/" 之后的部分是必须的)。之前发现有部分网友把整个style.css都引用在了页面里,然后发现样式冲突了。
2、引入js (jquery 1.4.3 以上版本都可以)
<script type="text/javascript" src="http://validform.rjboy.cn/wp-content/themes/validform/js/jquery-1.6.2.min.js"></script>
<script type="text/javascript" src="http://validform.rjboy.cn/Validform/v5.1/Validform_v5.1_min.js"></script>
3、给需要验证的表单元素绑定附加属性
<form class="demoform">
<input type="text" value="" name="name" datatype="s5-16" errormsg="昵称至少5个字符,最多16个字符!" />
</form>
4、初始化,就这么简单
<script type="text/javascript">
$(function(){
$(".demoform").Validform();
})
</script>
官方下载地址:http://validform.rjboy.cn/download.html
本文暂时没有评论,来添加一个吧(●'◡'●)