我有3个不同的组件，当所有字段都为空或至少其中一个未通过验证时，它们应该变为红色并显示相应的消息 . 但是，我无法使其工作，我的方式只有在第三个文本框未通过验证时才显示错误消息 . Expected和What I get

是用JSF做的吗？如果没有，那么其他选择是什么？

<h：inputText id =“area_code”name =“phone”required =“true”requiredMessage =“error msg . ” validatorMessage =“error msg”>

<f:validateRegex pattern="^[0-9]{3}$" for="area_code"/>    

 <f:validateLength minimum="3" maximum="3"/>  

 <f:ajax event="blur" render="local_4_msg" execute="local_4"/>

</ h：inputText>

<h：inputText id =“local_3”name =“phone”required =“true”maxlength =“3”requiredMessage =“error msg . ” validatorMessage =“错误msg2 . ” >

<f:validateRegex pattern="^[0-9]{3}$" for="local_3"/>

  <f:validateLength minimum="3" maximum="3"/>    

   <f:ajax event="blur" execute="local_4" render="local_4_msg"/>

</ h：inputText>

<h：inputText id =“local_4”name =“phone”required =“true”requiredMessage =“error msg”validatorMessage =“error msg2”maxlength =“4”>

<f:validateRegex pattern="^[0-9]{4}$" for="local_4"/>   

  <f:validateLength minimum="4" maximum="4"/>    

 <f:ajax event="blur" execute="local_4" render="local_4_msg"/>

</ h：inputText>

<h：message for =“local_4”id =“local_4_msg”styleClass =“errormsg”/>

validation jsf jsf-2