# 验证方式

## 概述

默认的验证方式是点击按钮后按顺序逐个验证所在form表单内的所有控件，如果验证全部通过则触发form的submit事件，不通过则中断。

在实际工作中，用户希望录入后即验证，即控件失去焦点后立即进行验证，不必统一提交时验证。

可以通过设置form表单的patter属性为focus（默认为submit），即焦点模式。

## 示例

### 1、提交表时验证

默认的提交验证方式， form不用做任何设置。下例中年龄录入框做了失去焦点的验证。

    <form onsubmit="alert('验证成功');return false;">
        <p> 账号：
          <input name="" type="text" nullable="false" datatype="user" />
        </p>
        <p> 年龄：
          <input type="text" size="4" datatype="uint" nullable="false"
           place="right"  patter="focus"/>
        </p>
        <p> 电话：
                <input type="text" datatype="mobile|tel" alt="请输入正确的电话号码">
        </p>
        <p>
          <input type="submit" name="button" class="button" value="验证表单" verify="true" />
        </p>
      </form>

账号：

年龄：

电话：

### 2、失去焦点即验证

当form设置了 patter="focus"，所有控件在失去焦点时都会进行验证。

    <form patter="focus" place="right">
        <p> 账号：
          <input name="" type="text" nullable="false" datatype="user"/>
        </p>
        <p> 年龄：
          <input type="text" size="4" datatype="uint" nullable="false" />
        </p>
        <p> 电话：
          <input type="text" datatype="mobile|tel" alt="请输入正确的电话号码">
        </p>
      </form>

账号：

年龄：

电话：