Forms & Data Validation

Build responsive forms and validate your form inputs or the data you are working with. Apply client-side and/or server-side data validation tools.

Check if a Database Record Already Exists Before Inserting a New Entry

Check the data in your Database before inserting possible duplicate data Using server-side data validation from server connect you can check if a record already exists in the database. This is useful …

Server Side Validation

You can validate your forms on the server-side if you need stronger security. First create a server action, which will use your form and click Globals: In the linked page field browse to your page…

Validation - Apply Client Side Form Validation with User Feedback

Form validation options to offer client side user feedback on your form inputs You can validate your form fields using the validation options available in the properties panel, as well as add multiple…

Binding Dynamic Values to Form Inputs

In this tutorial, we’re going to look at how to bind dynamic values to your form inputs using App Connect with Wappler. On our form, we have three inputs: An input field (1), a text area (2), and a …

Dynamically check Radio Buttons and Checkboxes

If you are using radio buttons or checkboxes in an update record form, or a details page you can easily check the active ones depending on a dynamic value. This is done thanks to the radio group and c…

Building Multi-Column Forms

You can easily build multi-column form layout with Wappler, using the built-in Bootstrap 4 form tools. First, let’s insert the form. We add the form inside a Bootstrap 4 column. Click the Add Inside …

Form submitting even without reCAPTCHA ticked

Hi, I have added a reCaptcha v2 to my form, however, even when I have NOT clicked the reCaptcha my form still submits without showing an error. Am I supposed to add some validation also and if so,…

Creating Multi Steps Forms

Got a long form on your website? Break it up into smaller logical sections and convert it into a multi-step form easily. In this tutorial we will show you a very basic form, but you can extend it as p…