表单验证插件Validform的使用方法

第一步：在前台html文件中引入js和css：
<link rel="stylesheet" href='__ROOT__/Public/js/Validform/style.css'/>
<script src='__ROOT__/Public/js/jquery.js'></script>
<script src='__ROOT__/Public/js/Validform/Validform.js'></script>

第二步：前台表单：
1 datatype：设置文本框内容的数据类型，例如：datatype="n6-6"：六位数字，datatype='*6-12'：密码为6——12位（字母或数字或其它符号）
2 errormsg:当输入内容出现错误时输出的信息
3 nullmsg:当内容为空时输出的信息
4 ajaxurl：提交到后台执行的方法
5 <font class="Validform_checktip"></font>：输出信息
例如：
<form class='form' action='login' method='post' name='myform'>
<div>
 用户类型:
<select name='user_type' id='user_type' style='width:135px'>
<option value='1'>教师</option>
<option value='2'>管理员</option>
</select><br/></br>
</div>
<div> 
 账　　号: <input type='text' id='idcard' name='idcard' style='width:135px' ajaxurl="__URL__/check?name=param" datatype="n6-6" errormsg="账号为6位数" nullmsg="账号不能为空！"/><font class="Validform_checktip"></font><br/><br/>
</div> 
<div>
 密　　码: <input type='password' id='pwd' name='pwd' style='width:135px' datatype='*6-12' errormsg="密码为6——12位数" nullmsg='请输入密码'/><font class="Validform_checktip"></font><br/><br/>
</div>
<div class='pas'>
<input id='check' type='checkbox'/> <font id='keep' color='darkorange'>记住密码</font>
/div><br/><br/>
<center>
<input type='button' name='login' value='登录'/>
  
<input type='button' name='reset' value='重置'/>
</center>

</form>

第三步：js文件中：
$(".form").Validform({
//表单提交
ignoreHidden:true,
postonce:true, 
ajaxPost:true,
tiptype:function(msg,o,cssctl){
if(!o.obj.is("form")){
var objtip=o.obj.siblings(".Validform_checktip");
cssctl(objtip,o.type);
objtip.text(msg); 
}  
},
callback:function(data){
//回调函数

switch(data){
case 1:

window.location.href=$('#url').val()+'/Test/Test/test_manage';
alert('登陆成功');
break;
case 2:
window.location.href=$('#url').val();
break;
case 3:
$('input[name="pwd"]').val('');
alert('密码输入错误');
break;
case 4:
$('input[name="idcard"]').val('');
$('input[name="pwd"]').val('');
alert('登录失败'); 
break;
}
}
});