Skip to main content
wpomeroy
Level 3
Nov 11, 2020 3:19 PM UTC
Question

Limit zip code form field to 5 numeric characters

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.

10 replies

Manoj_Kumar
Community Advisor
Manoj_KumarCommunity Advisor
Community Advisor
Nov 11, 2020 3:26 PM UTC

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

Translate
Manoj  | https://themartech.pro
wpomeroyAuthor
Level 3
Nov 11, 2020 3:29 PM UTC

@_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?

Translate
wpomeroyAuthor
Level 3
Nov 11, 2020 3:59 PM UTC
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
Translate
Darren_Bowers
Darren_Bowers
Level 9
Nov 11, 2020 10:30 PM UTC

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

Translate
    wpomeroyAuthor
    Level 3
    Nov 12, 2020 8:47 PM UTC

    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.

    Translate
    wpomeroyAuthor
    Level 3
    Nov 17, 2020 8:23 PM UTC

    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.

    Translate
    Terms & ConditionsAccessibility statement

    Loading footer...