Solved

Numberfield and textfield are required, but if they are empty, only numberfield shows error when submitting.

Forum|Forum|5 years ago
January 5, 2021
2 replies
2859 views

My AEM version is 6.5. The nodes follow

<items jcr:primaryType="nt:unstructured">
   <number
       jcr:primaryType="nt:unstructured"                                     
       sling:resourceType="granite/ui/components/coral/foundation/form/numberfield"
       fieldLabel="number"
       min="1"
       name="./number"
       required="{Boolean}true"/>
   <text
       jcr:primaryType="nt:unstructured"
       sling:resourceType="granite/ui/components/coral/foundation/form/textfield"
       fieldLabel="Text"
       name="./text"
       required="{Boolean}true"/>
</items>

Observe: (The numberfield and textfield are required) If these two fields are empty, and then click submit button, only numberfield shows error.

Then I fill numberfield, and click submit button, the text field shows error.

Expected: If the two fields are empty, both of them should show error when click submit button.

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.

Best answer by Anudeep_Garnepudi

@dz_dai

There is no such weightage or priority of fields based on types, all the form fields will be looped and validated on submit.

In your case, number field has an additional attribute "required" where textfield doesn't. Because of the required attribute, numberfield is being validated before the other fields(textfield) which is HTML validation. Try to inspect and remove the required attribute from numberfield, you see all fields turning red at once.

Suraj_Kamdi

Community Advisor

@dz_dai

Yeah, I have seen this kind of behavior earlier. Try to install any 6.5 feature or service pack.

D

dz_daiAuthor

Now my AEM version is already 6.5. Maybe numberfield and textfield have weights? And numberfield has higher priority when throw required error?

Anudeep_Garnepudi

Accepted solution

Community Advisor

@dz_dai

There is no such weightage or priority of fields based on types, all the form fields will be looped and validated on submit.

In your case, number field has an additional attribute "required" where textfield doesn't. Because of the required attribute, numberfield is being validated before the other fields(textfield) which is HTML validation. Try to inspect and remove the required attribute from numberfield, you see all fields turning red at once.

D

dz_daiAuthor

All fields can turn red when I try to remove required attribute on dom (The red area in the image above). But if remove required attribute from AEM node, the numberfield become not required. Only textfield turns red. Does that mean I should remove that attribute via javascript?

Sign up

Login with SSO

Login to the community

Login with SSO

Scanning file for viruses.

This file cannot be downloaded