# 数据类型验证

## 概述

通过设置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" />
          (datatype="chinese"，仅限中文字符)</p>
          <p> 账号：
            <input name="" type="text" datatype="user" /> (datatype="user"，字符或数字，且字符开头)
          </p>
          <p> 年龄：
            <input name="" type="text" value="-1" datatype="uint" />(datatype="uint"，整数)
          </p>
          <p> 得分：
            <input name="" type="text" datatype="number" alt="请输入数字" />
    	(datatype="number"，可以带小数，或负数)
          </p>
          <p> 电话：
            <input name="" type="text" datatype="tel" />(datatype="tel")
          </p>
          <p> 手机：
            <input name="" type="text" datatype="mobile" />(datatype="mobile")
          </p>
          <p> 邮编：
            <input name="" type="text" datatype="zip" />(datatype="zip")
          </p>
          <p> 邮箱：
            <input name="" type="text" datatype="email" />(datatype="email")
          </p>
          <p> 身份证：
            <input name="" type="text" datatype="idcard" />(datatype="idcard")
          </p>
          <p> QQ号：
            <input name="" type="text" datatype="qq" />(datatype="qq")
          </p>
          <p> 公司网址：
            <input name="" type="text" datatype="url" />(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>

邮编：