表单校验jquery_checkform

来源：互联网发布：索尼手机更新挂起网络编辑：程序博客网时间：2024/06/08 11:04

核心提示：参数一为表单项数组（Json方式），必需参数二为表单是否为手动调用验证结果，默认为true，即为自动验证submit事件，可选；参数三为验证信息采用Alert提示方式，默认为否，可选。-

------------------ 配置参数:----------------------

-------- 表单 --------

valid(fileds,isBindSubmit,isAlert)
参数一为表单项数组（Json方式），必需
参数二为表单是否为手动调用验证结果，默认为true，即为自动验证submit事件，可选；
参数三为验证信息采用Alert提示方式，默认为否，可选。

-------- 表单项数组 --------

name: 表单域的name，必需
type: 验证类型，可选
simple: 简单提示消息，只输入域的中文名 [推荐]
message: 完整的提示消息，替代简单提示消息
require:是否必填，默认为true，即必填，false为非必填，可选
to: 匹配值对比，对象的name，可选
value: 直接匹配值对比，有to则该值被忽略，可选
min:最小长度，可选
max:最大长度，可选
ajax: 为取得异步验证的结果的地址，可选

****** type验证类型如下： ******
eng: 英文
chn: 汉字
mail: 邮箱
url: 网址
currency: 货币
number: 数字
int: 整数
double: 浮点数
username:数字和英文及下划线和.的组合，开头为字母，4-20个字符
password: 数字和英文及下划线的组合，6-20个字符
safe:不含特殊字符
dbc: 含全角字符(汉字除外)
qq: 5-9位数字
date: 时间
year: 年
month:月
day: 日
hour: 小时
minute:分
second 秒
mobile:手机
phone:电话
zipcode: 邮编
bodycard: 身份证，支持15位、18位，x字母
ip: IP
file: 文件类型
image: 图片文件类型
word: 文档文件类型

**** 以下类型，需要有匹配对象或值 ****
eq: =
gt: >
gte:>=
lt: <
lte:<=

调用方法：

<script language="javascript" src="jquery-1.4.min.js"></script> 
<script language="javascript" src="jquery.checkform.js"></script> 
<script language="javascript"> 
$(function(){ 

    $("#form1").valid([ 
        //{ name:"username",type:"ajax",message:"用户名没有注册", url:"abc.asp" }, 
        { name:"username",type:"username",simple:"用户名"}, 
        { name:"password",type:"password",simple:"密码",min:8,max:16}, 
        { name:"password2",type:"eq",simple:"重复密码", to:"password" }, 
        { name:"english",type:"eng",simple:"英文域", require:false }, 
        { name:"chinese",type:"chn",simple:"中文域", require:false }, 
        { name:"email",type:"mail",simple:"邮箱" }, 
        { name:"url",type:"url",message:"地址信息不正确哦!" }, 
        { name:"checkbox",simple:"多选" }, 
        { name:"select",simple:"选择框" }, 
    ]); 

}) 
</script> 

</head> 

<body> 

<form id="form1" name="form1" method="post" action=""> 
<table width="760" border="0"> 
  <tr> 
    <td width="90" align="right">用户名</td> 
    <td><input type="text" name="username" id="username" /></td> 
  </tr> 
  <tr> 
    <td align="right">密码</td> 
    <td><input type="password" name="password" id="password" /></td> 
  </tr> 
  <tr> 
    <td align="right">重复密码</td> 
    <td><input type="password" name="password2" id="password2" /></td> 
  </tr> 
  <tr> 
    <td align="right">英文</td> 
    <td><input type="text" name="english" id="english" /></td> 
  </tr> 
  <tr> 
    <td align="right">中文</td> 
    <td><input type="text" name="chinese" id="chinese" /></td> 
  </tr> 
  <tr> 
    <td align="right">邮箱</td> 
    <td><input type="text" name="email" id="email" /></td> 
  </tr> 
  <tr> 
    <td align="right">网址</td> 
    <td><input type="text" name="url" id="url" /></td> 
  </tr> 
  <tr> 
    <td align="right">金额</td> 
    <td><input type="text" name="currency" id="currency" /></td> 
  </tr> 
  <tr> 
    <td align="right">数字</td> 
    <td><input type="text" name="number" id="number" /></td> 
  </tr> 
  <tr> 
    <td align="right">整数</td> 
    <td> 
      <input type="text" name="int" id="int" /> 
    </td> 
  </tr> 
  <tr> 
    <td align="right">小数</td> 
    <td><input type="text" name="double" id="double" /></td> 
  </tr> 
  <tr> 
    <td align="right">QQ</td> 
    <td><input type="text" name="qq" id="qq" /></td> 
  </tr> 
  <tr> 
    <td align="right">时间</td> 
    <td><input type="text" name="date" id="date" /></td> 
  </tr> 
  <tr> 
    <td align="right">年</td> 
    <td><input type="text" name="year" id="year" /></td> 
  </tr> 
  <tr> 
    <td align="right">月</td> 
    <td><input type="text" name="month" id="month" /></td> 
  </tr>   
  <tr> 
    <td align="right">日</td> 
    <td><input type="text" name="day" id="day" /></td> 
  </tr> 
  <tr> 
    <td align="right">小时</td> 
    <td><input type="text" name="hour" id="hour" /></td> 
  </tr> 
  <tr> 
    <td align="right">分/秒</td> 
    <td><input type="text" name="stime" id="stime" /></td> 
  </tr> 
  <tr> 
    <td align="right">电话号码</td> 
    <td><input type="text" name="telphone" id="telphone" /></td> 
  </tr> 
  <tr> 
    <td align="right">手机</td> 
    <td><input type="text" name="mobile" id="mobile" /></td> 
  </tr> 
  <tr> 
    <td align="right">身份证</td> 
    <td><input type="text" name="idcard" id="idcard" /></td> 
  </tr> 
  <tr> 
    <td align="right">邮编</td> 
    <td><input type="text" name="zipcode" id="zipcode" /></td> 
  </tr> 
  <tr> 
    <td align="right">IP</td> 
    <td><input type="text" name="ip" id="ip" /></td> 
  </tr> 
  <tr> 
    <td>&nbsp;</td> 
    <td><input type="radio" name="radio" id="radio" value="1" /> 
      <label>项1</label> 
      <input type="radio" name="radio" id="radio2" value="2" /> 
     <label>项2</label> 
      <input type="radio" name="radio" id="radio3" value="3" /> 
      <label>项3</label>      </td> 
  </tr> 
  <tr> 
    <td>&nbsp;</td> 
    <td><input name="checkbox" type="checkbox" id="checkbox" value="1" /> 
    <label>项1</label> 
    <input name="checkbox" type="checkbox" id="checkbox2" value="2" /> 
    <label>项2</label> 
    <input name="checkbox" type="checkbox" id="checkbox3" value="3" /> 
    <label>项3</label></td> 
  </tr> 
  <tr> 
    <td>&nbsp;</td> 
    <td><select name="select" id="select"> 
      <option value="">请选择</option> 
      <option value="1">项一</option> 
      <option value="2">项二</option> 
    </select> 
    </td> 
  </tr> 
  <tr> 
    <td>&nbsp;</td> 
    <td><textarea name="textarea" id="textarea" cols="40" rows="3"></textarea></td> 
  </tr> 
  <tr> 
    <td>&nbsp;</td> 
    <td><input type="submit" name="button" id="button" value="Submit" /> 
      <input type="reset" name="button2" id="button2" value="Reset" /></td> 
  </tr> 
</table> 
</form> 
</body> 
</html>