1.引入css

请查看下载文件中的style.css，把里面Validform必须部分拷贝到你的css中（文件中这个凝视 "/*==========下面部分是Validform必须的===========*/" 之后的部分是必须的）。

2.引入js （jquery 1.4.3 以上版本号都能够）

<script type="text/javascript" src="<%=basePath%>/css/js/jquery-1.8.3.min.js">

或





3.初始化，就这么简单

$(".demoform").Validform();

注1：

指定ajax实时验证的后台文件的地址时。后台页面能够用getRequest().getParameter("param")与getRequest().getParameter("name") 接收到值，Ajax中会POST过来变量param和name。param是文本框的值。name是文本框的name属性。

注2：

内置主要的datatype类型有： * | *6-16 | n | n6-16 | s | s6-18 | p | m | e | url |radio | checkbox | select

注3：

datatype说明

*:检測是否有输入。能够输入不论什么字符，不留空就可以通过验证；

*6-16:检測是否为6到16位随意字符；

n:数字类型；

n6-16:6到16位数字；

s:字符串类型；

s6-18:6到18位字符串；

p:验证是否为邮政编码；

m:手机号码格式。

e:email格式；

url:验证字符串是否为网址。

radio:假设要验证的元素为单选框,datatype设置为radio;

checkbox:假设要验证的元素为复选框,datatype设置为checkbox;

select:假设要验证的元素为下拉框,datatype设置为select。

注意radio,checkbox,select的value值为空时不能通过检測,要非空值才干通过。

radio和checkbox元素仅仅需给该组的第一个元素绑定datatype属性就可以,请參看以下的演示样例代码。

其它的附加属性:

nullmsg:是指定没有填入内容时出现的提示信息,不指定默认是“请填入信息!”,另外当datatype为radio、checkbox或select时,由于这三种类型仅仅要为空值就表示出错,提示errormsg所指定信息,所以这三类不须要绑定该属性;

errormsg:是指定验证格式不符时出现的提示信息,不指定默认是“请输入正确信息!”;

recheck:是用来指定两个表单元素值一致性检測的另外一个对象,赋给它另外一个对象的name属性值就可以;

tip:是指定表单元素的提示信息;指定后该元素会有focus时提示信息消去,没有输入内容blur时出现提示信息的效果,请參看demo页的“备注”效果;

altercss:是指定有tip属性的元素默认提示文字显示时的样式,当该元素focus时程序会把这个样式去掉,blur时假设值为空或者跟提示文字一样则再加上该样式;

ajaxurl:指定ajax实时验证的后台文件路径,给须要后台数据库验证信息的对象绑定该属性。注意该文件输出的内容就是前台显示的验证出错的反馈信息,假设验证通过请输出小写字母”y”