Limit zip code form field to 5 numeric characters | Community
Skip to main content
W
wpomeroy
Level 3
November 11, 2020
Question

Limit zip code form field to 5 numeric characters

  • November 11, 2020
  • 4 replies
  • 4542 views

Is there a best practices way to do form field validation in ACC?  I would like to limit a zip code form field to 5 numeric characters and throwing an error message if the requirements are not met.  I've considered handling this via a split activity or JS but wasn't sure if there is a way to validate in the form activity itself.  Any insight would be appreciated.

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

4 replies

Manoj_Kumar
Community Advisor
Manoj_KumarCommunity Advisor
Community Advisor
November 11, 2020

Hello @wpomeroy ,

 

You can change the data type in the schema to int.

To limit the length inform you can add a length attribute in the field.

length="5"

 Thanks,

Manoj

Manoj     Find me on LinkedIn
W
wpomeroyAuthor
Level 3
November 11, 2020

@_manoj_kumar_ If i change the data type in the schema will that generate an error when the form is submitted?  My understanding was that the data would simply not write to the field. Also, on the length ="5", i assume you are suggesting that be added to the input field in the HTML of the form activity, correct?

W
wpomeroyAuthor
Level 3
November 11, 2020
Hello @_manoj_kumar_, Also, i'm not sure of the HTML standards to which the web form activities subscribe. Can you tell me if this could be included in the web form source? https://codepen.io/martenc/pen/gbMpgj
Darren_Bowers
Darren_Bowers
Level 9
November 11, 2020

Hi @wpomeroy - you can use a number of techniques to validate input in the HTML input form. Here is some examples: https://developer.mozilla.org/en-US/docs/Learn/Forms/Form_validation#Built-in_form_validation_examples

Cheers

Darren

    W
    wpomeroyAuthor
    Level 3
    November 12, 2020

    Hey @darren_bowers, Do you have any examples that have worked for you? I've already tried this using examples similar to your hyperlink (https://codepen.io/martenc/pen/gbMpgj) as well as managing within the input field (i.e. pattern="\d{5,5}(-\d{4,4})?") and it appears that the web form either doesn't honor settings or breaks the script.

    W
    wpomeroyAuthor
    Level 3
    November 17, 2020

    Hello @_manoj_kumar_ , I tried this as well.  While it does limit the field to a maximum of 5 characters and removes non-numeric characters, the error that is generated is not user friendly (it errors out on submission rather than performing validation) and it also does not limit less than 5 characters.  I will make this change if there is no other solution but this does not seem best practices from a UX perspective.  Thanks.

    Terms & ConditionsAccessibility statement

    Loading footer...