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

如果WebBuilderX默认提供的验证规则不能满足使用要求,还可以自定义验证规则。本节内容仅供有一定网页开发基础的用户使用。

自定义验证规则的方法是:在“功能项定义”中点击“自定义验证规则”按钮:

点击“增加规则”,会添加一行。规则名称可以自由定义,但不能与之前系统默认提供的规则名称同名;将光标移动到“验证代码”单元格,右侧出现操作按钮,点击它即可输入验证代码:

验证规则代码有2种写法:

再比如,单选框和复选框组件虽然也支持验证规则,但只能是自定义的。例如以下规则用到单选框或复选框上时,就必须至少勾选一项才能通过验证,起到的就是类似于required的效果:

在这段代码中,变量name表示当前要验证的表单项目的name属性值,form表示当前要验证的表单项目所对应的表单。由于可能存在多个相同name的选择项目,因而这里对form中所有指定name值的input进行了查找并判断它们是否被选择。如果都没有被选择,就验证不予通过并给出提示信息。

在此基础上,甚至于还可以请求服务器进行验证。例如一个投票系统,希望每人只能投一次,就可采用类似于下面的验证规则:

当需要在自定义验证规则中请求服务器时,数据源必须放到dtsource中,且用两对花括号包起来放到字符串中,如上图中的'{{员工|投票}}',员工是数据源名称,投票是要查询的表名称;查询条件字符串放到tj中,该条件必须遵循相应数据源的SQL语法规则,可使用传值变量。

特别强调:对于有服务器请求的验证规则,且同时将该页面进行分享时,其中的url属性值必须加上分享参数。具体请参考“在分享页面中使用自定义规则”。

[/^[\S]{6,12}$/,'密码必须6到12位,且不能出现空格']

自定义验证规则在正确设置完成之后,只要点击浏览器的刷新按钮就能即时生效!如果在添加了自定义验证规则之后,页面加载失败,说明该验证规则代码存在问题。请在正确修改之后再次刷新浏览器。