The idea behind Java Script form validation is to provide a method to check the user entered information before they can even submit it.
It makes a good choice if you’re building something new from scratch, but also when you’re trying to integrate something into an existing application with lots of existing markup.
This will render a simple list of errors on top of the form.
Also note we fire the validation on submit rather than as every field is modified.
For the second example, the second text field (age) was switched to email which will be validated with a bit of custom logic.
The code is taken from the Stack Overflow question, How to validate email address in Java Script? This is an awesome question because it makes your most intense Facebook political/religious argument look like a slight disagreement over who makes the best beer. Here is the HTML, even though it’s really close to the first example. You can play with this example here: See the Pen form validation 2 by Raymond Camden (@cfjedimaster) on Code Pen. This tells Vue to cast the value to a number when you use it.