发生验证错误时，Ajax重置值 [英] Ajax reset value when validation error happens

问题描述

我有一个带有重置按钮的表格.此按钮的目的是重置表单的值.没有验证错误时，此方法可以正常工作.

I have a form with a reset button. The purpose of this button is to reset the values of the form. This works fine when there are no validation errors.

出现验证错误时，它不起作用.

When there is validation error, it does not work.

<h:form id="form">  
  <h:inputText id="v1" value="#{bean.value1}"/>
  <h:inputText id="v2" value="#{bean.value2}" required="true"/>
  <h:commandLink value="submit" action="#{bean.submit}">
    <f:ajax render="v1 v2"/>
  </h:commandLink> 
  <h:commandButton value="reset" action="#{bean.dummy}">
    <f:ajax render="@form" resetValues="true"/>
  </h:commandButton>
</h:form>

当我尝试在单击提交"按钮之前重设值时，所有值都将重设.

When I try to reset the values before clicking submit button, all values are reset.

当我在 v1 字段中输入一些值，而在 v2 字段中没有值时，按保存时，我会收到预期的验证消息.

When I enter some value at field v1 and no value in field v2, I get validation message as expected when save is pressed.

现在，我尝试通过单击重置按钮来重置Values.它只是重置无效字段 v2 .有效字段 v1 不会重置.

Now, I try to resetValues by clicking the reset button. It just resets the invalid field v2. The valid field v1 is not reset.

我错过了什么吗?

推荐答案

resetValues的名称有点误导.它仅重置组件状态.它不会重置模型值.您仍然要为此承担责任.

The resetValues has a somewhat misleading name. It resets only the component state. It doesn't reset the model values. You're still responsible for that yourself.

<h:commandButton value="reset" action="#{bean.reset}">
    <f:ajax render="@form" resetValues="true"/>
</h:commandButton>

public void reset() {
    value1 = null;
    value2 = null;
}

另一种方法是将type="reset"放在按钮中，这会将表单重置为初始状态，就像将页面呈现给最终用户时一样.

An alternative is putting type="reset" in the button, which will reset the form to its initial state as it was when the page was presented to the enduser.

<h:commandButton value="reset" type="reset" />

更好的是刷新页面.

<h:button value="reset" />

另请参见:

• 发生验证错误后，如何使用PrimeFaces AJAX填充文本字段?
• 重置输入字段而不执行验证

See also:

• How can I populate a text field using PrimeFaces AJAX after validation errors occur?
• Reset input fields without executing validation

这篇关于发生验证错误时，Ajax重置值的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！