分组验证

概述

在同一个表单中,经常会出现多种组合验证,例如A按钮验证一部分控件,B按钮又验证另一部分控件,或相互交叉验证。

如下,按钮与录入控件的group的值一致,当点击按钮时,即实现验证。

<input type="text" datatype="email" nullable="false" group="a"/>

<input type="submit" name="button" class="button" value="验证表单" verify="true" group="a" />

示例

1、简单分组验证

<form onsubmit="alert('验证成功');return false;" place="right">
<p>账号:
<input name="" type="text" nullable="false" datatype="user" group="a"/>(a组)
</p>
<p>姓名:
<input name="" type="text" size="6" datatype="chinese" lenlimit="2-4" group="b" alt="限2至4个中文字/符"><span>(b组)</span>
</p>
<p>年龄:
<input type="text" size="4" datatype="uint" nullable="false" place="right" group="a"/>(a组)
</p>
<p>电话:
<input type="text" datatype="mobile|tel" alt="请输入正确的电话号/码" group="b">(b组)
</p>
<p>邮箱:
<input type="text" datatype="email" nullable="false" />(没有组)
</p>
<p>
<input type="submit" name="button" class="button" value="验证A组" verify="true" group="a"/>
<input type="submit" name="button" class="button" value="验证B组" verify="true" group="b"/>
<input type="submit" name="button" class="button" value="验证没有组的" verify="true"/>
</p>
</form>

账号: (a组)

姓名: (b组)

年龄: (a组)

电话: (b组)

邮箱: (没有组)

2、交叉组验证

<form onsubmit="alert('验证成功');return false;" place="right">
<p> 账号:
<input name="" type="text" nullable="false" datatype="user" group="a"/>(a组)
</p>
<p>姓名:
<input name="" type="text" size="6" nullable="false" group="b"><span>(b组)</span>
</p>
<p>年龄:
<input type="text" size="4" datatype="uint" nullable="false" place="right" group="c"/>(c组)
</p>
<p>电话:
<input type="text" datatype="mobile|tel" nullable="false" group="a|c">(同时属于a组和c组)
</p>
<p>
邮箱:<input type="text" datatype="email" nullable="false" group="b|c" />(同时属于b组和c组)
</p>
<p> 网址:
<input name="" type="text" begin="http://|https://" nullable="false" group="a|b" />(同时属于a组和b组)
</p>
<p>
<input type="submit" name="button" class="button" value="验证A组" verify="true" group="a"/>
<input type="submit" name="button" class="button" value="验证B组" verify="true" group="b"/>
<input type="submit" name="button" class="button" value="验证C组" verify="true" group="c"/>
</p>
<p>
<input type="submit" name="button" class="button" value="验证A组和B组" verify="true" group="a|b"/>
<input type="submit" name="button" class="button" value="验证B组和C组" verify="true" group="b|c"/>
<input type="submit" name="button" class="button" value="验证A组和C组" verify="true" group="a|c"/>
</p>
</form>

账号: (a组)

姓名: (b组)

年龄: (c组)

电话: (同时属于a组和c组)

邮箱: (同时属于b组和c组)

网址: (同时属于a组和b组)