关闭

表单校验jquery_checkform

标签: jqueryjavascriptbuttonurlmobileemail
1163人阅读 评论(0) 收藏 举报
分类:

核心提示:参数一为表单项数组(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>
0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:83528次
    • 积分:1627
    • 等级:
    • 排名:千里之外
    • 原创:80篇
    • 转载:20篇
    • 译文:0篇
    • 评论:3条
    文章分类
    最新评论