Previous topicNext topic
WebBuilderX > 子页面组件元素 > 表单类元素 > 验证规则 >
输入一致性规则

这是一个略有特殊的验证规则,用于验证两次输入是否一致。此规则名称是equalTo。

由于本规则需要指定与哪个输入框进行比较,因而在实际使用时,一般都要修改WebBuilder生成的源代码。本规则仅供有一定网页开发基础的用户使用。

例如,有如下表单代码:

其中,lay-verify表示验证规则。第1个input指定的验证规则是“required|psw”,表示该输入框不能为空,且要符合密码验证规则;第2个input指定的验证规则是“equalTo”,也就是验证输入是否一致。那么,它要和谁一致呢?这就需要使用lay-equalTo属性来指定比较的input对象。lay-equalTo的属性值是jQuery选择器,上述代码写的是“#test”,表示与id为test的元素对象比较。谁的id是test?就是第一个input。

默认情况下,两次输入验证未通过时,系统会给出默认提示“两次输入不一致”。如果你想将提示信息更加具体化一些,可以给使用equalTo规则的元素再添加一个属性:lay-equalToText。

例如,给上面的第2个input添加以下属性代码:

lay-equalToText="两次输入的密码不一致!"

这就重新定义了验证未通过时的提示文本内容。