Date Validation

In our example we want to make sure the Start Date is before the End Date being given by the user. If the Start Date is NOT before the End Date we want to prevent the user from continuing and display an error message.

Example - Our form consists of two DatePicker fields, a warning message, and a signature as seen in Form Designer.

1. Add Rules to get the desired behavior.  

• Select the DateTable
• Then select Rules

2. Create a New Rule that checks to see if the Start Date is before the End Date.  If it is not, then you will want to Hide the Submit button and Show the Warning Message.  your Rule should look similar to this:

3. Create a Second Rule to make sure Rule 1 is always checked for any change on the form. This rule checks if the End Date Is Answered or Is Not Answered and then shows itself.  This is used to "trigger" Rule 1 and make sure it is rechecked.  Rule 2 should look something like this:

​​​​​​

4. At this point your form will look like this:

• No input:

• Incorrect Input:

NOTE: Notice how Submit button is removed and warning message is displayed.

• Correct Input:

NOTE: Now that the correct dates have been entered, the form is ready to be signed and progress to next steps.