wordpress-fluentform-official-js-snippets.js

/*
* JS snippet to match two fields value as same
* Example: Email and Confirm Email need to be same
* Placement: Place the following code in your form -> Settings & Integrations -> Custom CSS/JS -> Custom Javascript BOX
 */

var $email = $form.find('input[name=email]'); // Name of the first Email Address
var $confirmEmail = $form.find('input[name=confirm_email]'); // Name of the Confirm Email Address

$confirmEmail.on('blur', function() {
    if($(this).val() != $email.val()) {
        alert('Email not matching');
        // Or you can show the custom message somewhere
    }
});

// Additional code to check if user fixed the type in the primary email
$email.on('blur', function() {
    if($confirmEmail.val() && $(this).val() != $confirmEmail.val()) {
        alert('Email not matching');
        // Or you can show the custom message somewhere
    }
});


/*
* Check how advanced customization works here
* https://wpmanageninja.com/docs/fluent-form/field-types/time-date/#advanced_configaration
* You can use the following snippets in the "Advanced Date Configuration" box of your date element settings
* - You can use these settings as combined to
* - you can use any flatpickr options - https://flatpickr.js.org/examples/
 */

/*
* Allow only future dates
 */

{
    minDate: "today"
}

/*
* Allow only from today and 14 days from now
 */
{
    minDate: "today",
    maxDate: new Date().fp_incr(14) // 14 days from now
}

/*
* Disabling range(s) of dates:
 */
{
    dateFormat: "Y-m-d",
    disable: [
        {
            from: "2020-08-01",
            to: "2020-08-01"
        },
        {
            from: "2020-09-01",
            to: "2020-10-01"
        }
    ]
}


// to reset google recaptch if validation failed
$('body').on('fluentform_submission_failed', function(){ grecaptcha.reset() });