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
  • 4567 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  | https://themartech.pro
W
wpomeroyAuthor
Level 3
November 11, 2020
Hello @_manoj_kumar_, Can you please provide additional direction on this? I tried this in both the input tag and the form properties and it does not seem to work. I can still enter non numeric characters and there appears to be no regulation to >4 and <5 characters.
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...