验证方式

概述

默认的验证方式是点击按钮后按顺序逐个验证所在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>

账号:

年龄:

电话: