数据类型验证

概述

通过设置datatype属性,验证录入的数据是否符合要求的数据类型。

如<input name="tm" type="text" datatype="uint"/> 设置datatype="uint",要求录入正整数。

可以验证的数据类型包括:数字、整数、电话、手机号、邮编、用户账号(限字母开头)、电子邮箱、身份证、网址、qq号、中文录入。

满足任一条件:datatype="tel|mobile",只要是电话(固话或手机号)都通过验证

满足全部条件:datatype="uint&zip",既是数字,且是邮编。

示例

1、简单数据类型验证

<form onsubmit="alert('验证成功');return false;">
<p> 姓名:
<input name="" type="text" value="name" datatype="chinese" /></p>
<p> 账号:
<input name="" type="text" datatype="user" />
</p>
<p> 年龄:
<input name="" type="text" value="-1" datatype="uint" />
</p>
<p> 得分:
<input name="" type="text" datatype="number" />
</p>
<p> 电话:
<input name="" type="text" datatype="tel" />
</p>
<p> 手机:
<input name="" type="text" datatype="mobile" />
</p>
<p> 邮编:
<input name="" type="text" datatype="zip" />
</p>
<p> 邮箱:
<input name="" type="text" datatype="email" />
</p>
<p> 身份证:
<input name="" type="text" datatype="idcard" />
</p>
<p> QQ号:
<input name="" type="text" datatype="qq" />
</p>
<p> 公司网址:
<input name="" type="text" datatype="url" />
</p>
<p>
<input type="submit" name="button" class="button" value="验证表单" verify="true"/>
</p>
</form>

姓名: (datatype="chinese",仅限中文字符)

账号: (datatype="user",字符或数字,且字符开头)

年龄: (datatype="uint",整数)

得分: (datatype="number",数字可以正负值)

电话: (datatype="tel")

手机: (datatype="mobile")

邮编: (datatype="zip")

邮箱: (datatype="email")

身份证: (datatype="idcard")

QQ号: (datatype="qq")

公司网址: (datatype="url")

2、类型复合验证

满足任一条件
<form onsubmit="alert('验证成功');return false;">
<p> 电话:
<input name="" type="text" datatype="tel|mobile" alt="请输入电话号码" />
</p>
<p>
<input type="submit" name="button" class="button" value="验证表单" verify="true"/>
</p>
</form>

电话:

满足所有条件
<form onsubmit="alert('验证成功');return false;">
<p> 邮编:
<input name="" type="text" datatype="uint&zip" />
</p>
<p>
<input type="submit" name="button" class="button" value="验证表单" verify="true"/>
</p>
</form>

邮编: