JSF 2 partial Validation without RichFaces - validation

Question

I have the next jsf form with 2 parts
1) Header Form
2) Datatable Fields
I want add validation to 2 parts, but when i will do post the header form the validation of datatable is not necessary, and when i do update row datatable the validation of the header form is not necessary. My Problem is that when i do post the update row datatable, the jsf wants validate the header form..
My question is..
Using only JSF 2 Implementation without rich faces or another library, how to i do to jsf to validate a partial form? what is the best way to manage subforms?
Thanks,
This is my example Code
<h:form styleClass="horizontal-form" id="form">
<h:messages></h:messages>
<h3>
<h:outputText value="#{msgs.title}"></h:outputText>
</h3>
<table>
<tr>
<td><h:outputLabel for="userName" id="nameLbl">Name</h:outputLabel></td>
<td><h:inputText id="userName" value="#{actionBean.name}"
styleClass="form-control" required="true" /> <h:message
for="userName"></h:message></td>
</tr>
<tr>
<td>Monto:</td>
<td><h:inputText id="userAmount" value="#{actionBean.amount}"
label="Edad" /> <h:message for="userAmount"></h:message></td>
</tr>
</table>
<div>
Datatable
<h:dataTable value="#{actionBean.items}" var="item" id="datatable">
<h:column>
<f:facet name="header">
<h:outputText value="Nombre"></h:outputText>
</f:facet>
<h:outputText value="#{item.data.name}" rendered="#{!item.edit}"></h:outputText>
<h:inputText id="inputName" value="#{item.editData.name}" required="true"
rendered="#{item.edit}"></h:inputText>
</h:column>
<h:column>
<f:facet name="header">
<h:outputText value="Actions"></h:outputText>
</f:facet>
<h:commandButton value="Edit"
action="#{actionBean.edit(item)}" rendered="#{!item.edit}"
immediate="true" styleClass="btn btn-sm btn-primary">
<f:ajax execute="form" render="form" />
</h:commandButton>
<h:commandButton value="Update"
action="#{actionBean.update(item)}" rendered="#{item.edit}"
styleClass="btn btn-sm btn-primary ">
<f:ajax execute="datatable" render="form" />
</h:commandButton>
</h:column>
</h:dataTable>
</div>
<p>
<h:commandButton value="Login" action="#{actionBean.count}"
styleClass="btn btn-sm btn-primary">
<f:ajax execute="form" render="form datatable_form" />
</h:commandButton>
<h:commandButton value="Begin" action="index" immediate="true"
styleClass="btn btn-sm btn-primary" />
</p>
</h:form>

Answer 1

It's probably happening because you are trying to update the whole form instead of just the datatable.
Example:
<h:commandButton value="Edit"
action="#{actionBean.edit(item)}" rendered="#{!item.edit}"
immediate="true" styleClass="btn btn-sm btn-primary">
<f:ajax execute="form" render="form" />
</h:commandButton>
In this case you should try to execute/render just the datable you want do validate, just like this:
<h:commandButton value="Edit"
action="#{actionBean.edit(item)}" rendered="#{!item.edit}"
immediate="true" styleClass="btn btn-sm btn-primary">
<f:ajax execute="datatable" render="datatable" />
</h:commandButton>