HTML5 constraint validation with jQuery

main.js

function htmlConstraintValidation(e, el) {
    var form = $(el).closest('form');

    $(form).find('[required]').each(function (i, input) {
        if (input.validity.valueMissing) {
            console.log('Please fill in all required fields!');
            e.preventDefault();

            return false;
        }
    });
}

$(document).ready(function () {
    jQuery('body').on('click', 'button[type="submit"]', function (e) {
        htmlConstraintValidation(e, $(this));
    });
});