Validation for zip code

The masked input shown is not a valid zip code mask. The rule property is defining the way you want to validate the input. I know that I could do a 5-digit or 9-digit mask and validation. The issue I am reporting is that the zipCode rule, and as I also just found out, and the required rule do not function properly for the above example. These are considered valid zip codes and our users will need to be able to enter either. There is a proper RegEx method in JavaScript for handling this which I am using as a custom validation:.

In the above example the input is validated correctly for the format but the required validation is failing for some reason.

I am guessing it is because I did not fill in all 9 values of the Masked Input control. If that is the case I will need to write a custom validation for required as well. I would suggest changing how the zipCode rule works to support 5-digit , 5-digit of 9 - , or the full 9-digit -.

If you want to validate one input field with three different masks you should use custom rule. Here is an example with custom rule:. I did use a custom one. Submit button has class. You can see codes for :hover and :focus these are used to change certain CSS styles of elements on different actions on the element. You can verify whether the data given by the user in the registration form is valid or not using javascript. As soon as the register button submit button is clicked, all the data is submitted but you can stop submission and alert a message if there is something wrong with submitted data.

For validation, you can use regex regular expression with javascript. Note : regex is a pattern that is used to match character combinations in strings. Let's first look at the javascript verification code then we will look at the code in detail. From the above example, you can see there is a javascript function formValidation which validates our form. This function runs whenever a user submits the form if there is any input value that doesn't satisfy some constrain it alerts a message and stops the submission of the form by returning false.

For name it checks whether the length of the name given by the user is between 3 and 21 or not. If not then it alerts a message, focus on name input, and returns a false which stops form submission. By using javascript match function we can check a string's validation by passing regex as an argument. If string does not satisfy regex then it return false and stop form submittion. In this tutorial, we have learned how to create a registration form with validation using javascript.