我需要对表单进行一些基本验证。表单数据分为 5 个选项卡,用户应该能够从任何选项卡提交表单。到目前为止,一切都很好。如果用户没有填写字段,或者输入了无效数据我想留在当前选项卡上,显示错误消息并取消选项卡切换。
我已经尝试了我能找到的各种事件。有谁知道这是否可能以及我如何实现它?如果可能的话,我宁愿将它保留在 javascript 中的客户端。
使用如下代码示例。
<rich:tabPanel selectedTab="Info" switchType="client" contentClass="hz-record-tabpanel" ontabchange="doTabChange();" onbeforeitemchange="doTabChange();" onbeforetabchange="doTabChange();">
<rich:tab name="Info" label="Tab Label" onlabelclick="doTabChange();">
<ui:include src="info.xhtml" />
</rich:tab>
<rich:tab name="Officers" label="Officers" onlabelclick="doTabChange();" ontableave="doTabChange();">
<ui:include src="officers.xhtml" />
</rich:tab>
<rich:tab name="CardServices" label="Card Services" onlabelclick="doTabChange();">
<ui:include src="cardservices.xhtml" />
</rich:tab>
<rich:tab name="M2MLimits" label="M2M Limits" onlabelclick="doTabChange();">
<ui:include src="m2mlimits.xhtml" />
</rich:tab>
<rich:tab name="AccountServices" label="Account Services" onlabelclick="doTabChange();">
<ui:include src="accountservices.xhtml" />
</rich:tab>
</rich:tabPanel>
有任何想法吗?