这是一个略有特殊的验证规则,用于验证两次输入是否一致。此规则名称是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="两次输入的密码不一致!"
这就重新定义了验证未通过时的提示文本内容。