Making a Simple Credit Card Validation Form

Html5 validation pattern credit card When building web applications, it is important you take security seriously, especially when it has to do with collecting data from users. It is a common maxim in security to trust nobody, hence never trust the user to enter correct or valid form values. For example, in an email form field, instead of entering a valid email address, the user might enter an invalid one or malicious data obviously ignoring the intent of the request. When it comes to validating form values, it can be done on the client-side web browser and on the server-side using your preferred server-side language. In the past, client-side validation could only be achieved using JavaScript or using libraries from frameworks think jQuery validation plugin. But that is changing or rather has changed because validation can now be done using HTML5 without having to write complex JavaScript validation code. Thanks to these new attributes in HTML5, you can delegate some data verification functions to the browser.


Only letters either case , numbers, and the underscore; no more than 15 characters. Not the slash character, that is being used to escape the period. The username must start with a letter and must be between 1 and 20 characters long inclusive. Credit Card Format - Digits only, between 13 and 16 digits long. Jamie Zawinski was talking about Perl when he said that back in 1997, but it holds true in other contexts as well.

We'll build the whole thing from scratch, with a little help from Bootstrap 3 for the interface, and Payform. Keep in mind that storing credit card data on your servers is serious business.

Angular form validation

credit card pattern