Previous topicNext topic
WebBuilderX > 子页面组件元素 > 表单类元素 >
验证规则

现以之前用过的表单面板为例,这里的“姓名”输入框由于加上了required验证规则,因而在没有输入内容就直接提交数据的情况下,将给出提示:

由此可见,WebBuilderX的验证规则都是定义在一个个具体的输入框中的,这些输入框还包括单选框、复选框、选择框等等。这些输入框放在一起,就构成了一个完整的表单。因此,表单实际上就相当于一个容器,在这个容器里面又有多个具体的输入选择项。每个项目的验证规则,只有在单击提交按钮的时候,才会被执行。验证规则全部通过,自动向服务器提交数据;否则将给出错误提示信息。以下是WebBuilderX已经内置的验证规则:

上述规则中,除了required外,其他几种规则都是两个,区别在于后面的X。其中,没带X的验证规则,就自动不允许为空;带了X的验证规则,则允许为空,也就是仅对输入的内容进行验证,没输入内容时不验证。

现以手机号码规则为例:如果使用的规则为phone,那么,只要内容为空,就不会验证通过;输入内容不合规则时,也不会通过。这就是说,不带X的验证规则,它同时具备了required的验证功能;如果使用的规则为phoneX,那么,内容为空时就不会做任何验证而直接通过;只有输入的内容不合规则时,才给出错误提示。这就是说,带X的验证规则,仅对输入的内容进行验证,未输入内容时不验证。如果想让它同时具备required的验证功能,就要添加两个验证规则:required|phoneX。

除上述几组验证规则外,还有以下几种也可以使用。这些规则的用法与之前带X的规则用法相同:

需要特别说明的是,单选框及复选框组件虽然也能使用验证规则,但只能是自定义的,以上内置规则对它们无效。