Hi,

I have two forms on my page. A simple and one in a modal view. If I add these scripts to the page:

<script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>




<script src="https://ajax.aspnetcdn.com/ajax/mvc/5.2.3/jquery.validate.unobtrusive.min.js"></script>

the checkbox and recaptcha mandatoriness get ignored.

I have Umbraco v7.13.1. My js code:

$(document).ready(function () {
    //Intercept Submit button in order to make ajax call instead of a postback
    var $modalForm = $('.modal .umbraco-forms-form form');
    $modalForm.preventDoubleSubmission();

    console.log('preventDoubleSubmission');
});

// jQuery plugin to prevent double submission of forms
jQuery.fn.preventDoubleSubmission = function () {
    $(this).on('submit', function (e) {
        console.log('submit');
        e.preventDefault();

        var $form = $(this);
        var $brochure = $form.parents(".modal").data("brochure");

        if ($form.data('submitted') === true) {
            console.log('submitted');
            // Previously submitted - don't submit again
        } else {
            if ($form.valid()) {
                console.log('valid');
                // Mark it so that the next submit can be ignored
                $form.data('submitted', true);
                // Disabled button intil post
                $form.find('[name="submitbtn"]').prop('disabled', true);

                // Make ajax call form submission
                $.ajax({
                    url: $form.attr('action'),
                    type: 'POST',
                    cache: false,
                    data: $form.serialize(),
                    success: function (result) {
                        console.log('success');

                        var thankYouMessage = $(result).find('.umbraco-forms-submitmessage').first();
                        //Handles edge case where Recaptcha wasn't checked

                        if (thankYouMessage.length == 0) {
                            console.log('error');
                            $(result).find('.field-validation-error').each(function (i, v) {
                                console.log($(v).text());
                            });

                            $form.data('submitted', false);
                            $form.find('[name="submitbtn"]').prop('disabled', false);
                        }
                        else {
                            $form.html(thankYouMessage);
                            console.log('thanks');
                        }
                    }
                });
            }
        }
    });

    // Keep chainability
    return this;
};

Also weird when I loop through the errors, the checkbox and captcha errors appears in console, but the actual nodes (span.field-validation-error) are missing:

Some help would be great.