根据复选框的值有条件地进行输入

在我的JSF页面上,我有一个HTML输入复选框,允许用户选择是否需要礼物,并且<div>仅在选中复选框的情况下,复选框信息下方的部分才会显示。选中该复选框后,将要求用户选择一个选项(从下拉菜单中,下拉菜单的初始值= null);但是,如果未选中此复选框,则不需要选择。

因此,有两个条件:

A.复选框被选中(== div视图被播放)

  1. 用户选择一个选项->好的
  2. 用户不选择任何内容->我希望显示所需的消息,这就是我所做的:

    <p:message style="margin: 10px" id="messages7" for="npsScoreSupport" />
    <h:selectOneMenu id="npsScoreSupport" value="#{npsBean.supportScore}" required="true" requiredMessage="Please select an option">
        <f:selectItems value="#{npsBean.ratingPickList}" />
    </h:selectOneMenu>
    

B.复选框未选中(== div视图被隐藏)

  1. 用户不选择任何内容->可以,但是该页面仍要求用户选择一个选项,因为我具有required =“ true”。

由于我需要requireMessage来确保在选中复选框时选择了一个选项,因此我想知道是否可以根据复选框的状态将requireMessage作为条件吗?(建议在选中复选框时需要,而在未选中时则不需要)有什么建议吗?

============更新=====================

所以现在我更新了复选框并将其与JAVA类中的函数连接(默认情况下布尔变量check = true)

<h:selectBooleanCheckbox class="someClass" value="#{someBean.check}" />

这是我的选择器

<h:selectOneMenu id="OptSelector" value="#{someBean.Opt}" required="#{someBean.check}" requiredMessage="Please select and option">
                                                <f:selectItems value="#{npsBean.OptPickList}" />

即使未选中该复选框,提交也失败,似乎布尔检查从未更改。有人知道为什么吗?

BalusC

只需让required菜单属性检查复选框是否被选中即可。您可以通过将物理复选框组件绑定到view bybinding属性来完成此操作,这将使其最终出现在一个UIInput实例中,实例又具有getValue()返回已提交/已转换/已验证值的方法。

<h:selectBooleanCheckbox binding="#{checkbox}" ... />
<h:selectOneMenu ... required="#{checkbox.value}" />

(注:该代码是完整的,是,你并不需要将其绑定到一个bean属性!)

请注意,这并不严格按照您明确要求的那样“有条件地显示消息”。它只是根据需要有条件地验证输入。消息是否显示只是一个结果。

也可以看看:


更新:根据您尝试检查的尝试<h:selectBooleanCheckbox value>,此方法将不起作用,因为此值仅在更新模型值阶段(即要验证required属性的验证阶段之后)更新

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

有条件地将第一输入值反映到第二输入字段(基于复选框)

来自分类Dev

根据ReactJS中的变量有条件地设置复选框状态

来自分类Dev

阻止用户在Vue Js中有条件地更改复选框值?

来自分类Dev

有条件地检查angularjs中的复选框

来自分类Dev

在Flutter中有条件地显示/隐藏图块中的复选框

来自分类Dev

防止有条件的复选框输入无限循环

来自分类Dev

取消选中带有条件的复选框

来自分类Dev

带有条件的uitableview中的复选框?

来自分类Dev

取消选中带有条件的复选框

来自分类Dev

Angular.js如何根据另一个列表中是否存在重复元素来有条件地检查复选框

来自分类Dev

根据属性值有条件地包含组件

来自分类Dev

欧芹js-如果选中复选框则有条件

来自分类Dev

有条件的JavaScript公式,取决于是否已选中复选框

来自分类Dev

如何在jquery中的所有条件下操作复选框

来自分类Dev

附加带有条件选中属性的复选框

来自分类Dev

如何根据单元格值有条件地对ReactJs物料表单元格进行样式设置?

来自分类Dev

根据标签通过 isin 引用的行值,有条件地对 Pandas 数据框列进行子集

来自分类Dev

有条件地比较值

来自分类Dev

根据用户输入有条件地启用自定义转换器

来自分类Dev

根据用户输入有条件地显示表单字段

来自分类Dev

仅在有条件的情况下选中和取消选中此复选框

来自分类Dev

根据另一个键的值有条件地打印值

来自分类Dev

根据非NaN列的值有条件地在Pandas DataFrame中填充NaN值

来自分类Dev

根据其他列的值有条件地更改系列的值

来自分类Dev

根据ng-repeat中的先前值有条件地显示值-angularjs

来自分类Dev

根据所有列的值有条件地删除熊猫中的行

来自分类Dev

根据过滤器的值有条件地添加ng-animate指令

来自分类Dev

熊猫-根据行值有条件地为新列选择数据的源列

来自分类Dev

AngularJS-根据单选按钮值有条件地应用所需的属性

Related 相关文章

  1. 1

    有条件地将第一输入值反映到第二输入字段(基于复选框)

  2. 2

    根据ReactJS中的变量有条件地设置复选框状态

  3. 3

    阻止用户在Vue Js中有条件地更改复选框值?

  4. 4

    有条件地检查angularjs中的复选框

  5. 5

    在Flutter中有条件地显示/隐藏图块中的复选框

  6. 6

    防止有条件的复选框输入无限循环

  7. 7

    取消选中带有条件的复选框

  8. 8

    带有条件的uitableview中的复选框?

  9. 9

    取消选中带有条件的复选框

  10. 10

    Angular.js如何根据另一个列表中是否存在重复元素来有条件地检查复选框

  11. 11

    根据属性值有条件地包含组件

  12. 12

    欧芹js-如果选中复选框则有条件

  13. 13

    有条件的JavaScript公式,取决于是否已选中复选框

  14. 14

    如何在jquery中的所有条件下操作复选框

  15. 15

    附加带有条件选中属性的复选框

  16. 16

    如何根据单元格值有条件地对ReactJs物料表单元格进行样式设置?

  17. 17

    根据标签通过 isin 引用的行值,有条件地对 Pandas 数据框列进行子集

  18. 18

    有条件地比较值

  19. 19

    根据用户输入有条件地启用自定义转换器

  20. 20

    根据用户输入有条件地显示表单字段

  21. 21

    仅在有条件的情况下选中和取消选中此复选框

  22. 22

    根据另一个键的值有条件地打印值

  23. 23

    根据非NaN列的值有条件地在Pandas DataFrame中填充NaN值

  24. 24

    根据其他列的值有条件地更改系列的值

  25. 25

    根据ng-repeat中的先前值有条件地显示值-angularjs

  26. 26

    根据所有列的值有条件地删除熊猫中的行

  27. 27

    根据过滤器的值有条件地添加ng-animate指令

  28. 28

    熊猫-根据行值有条件地为新列选择数据的源列

  29. 29

    AngularJS-根据单选按钮值有条件地应用所需的属性

热门标签

归档