Forms - validation

3 replies · opened Mar 30, 2020

IinventapartMar 30, 2020

Hi, Is there a guide on how to properly use the forms / validation? I want to use it to verify a few things.

  • required field
  • required field (with custom message that comes on for each field) For example - your first name is required.
  • email verification - make sure that an email address has been used in the field
  • password verification - so when someone types in a password in the confirm password input, it will compare it to the password to make sure they match. - if they dont match have a message show up.

Thanks!

Michael

SSemicolon WebSTAFFApr 1, 2020

Hello,

Currently, the Form Validation is implemented in a way only to accommodate simple and straight-forward validations. For Customizations, you will need to manually make integrations using the Official Documentation here: https://jqueryvalidation.org/documentation/ .

  1. To enable Validation for a Field, simply add the .required Class.

  2. Simply adding the .show-error-msg Class to the Input Field will display the error message below the Input.

  3. Adding the .email Class along with .required Class to the Input Element will enable this.

  4. This requires Custom JS Codes. You can check more Documentation and Examples here: https://jqueryvalidation.org/documentation/ . However, keep in mind, that this will require completely custom JS codes for the Entire Form, including AJAX Submission.

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

IinventapartApr 1, 2020

Thank you!

SSemicolon WebSTAFFApr 2, 2020

Hello,

Very Happy to Help!

Please let us know if you are facing any issues so that we can provide you with further assistance.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard