Check box is submitting form even when the not empty validation is enabled.

Hi,

We can disable the submit button when the checkbox is unticked. Please add this script in the functions.php file.

// custom script
function add_custom_script(){
?>
<script type="text/javascript">
(function($){
	$(document).ready(function() {
		$("#top input[type='checkbox']").on('change', function(e) {
			disableSubmit(this);
		});

		function disableSubmit(element) {
			var submit = $('#top input[type="submit"]');
		    if ($(element).is(':checked')) {
				submit.removeAttr('disabled');
			} else {
				submit.attr('disabled', 'disabled');
			}
		}
	});
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'add_custom_script');

Best regards,
Ismael

Hi,

Glad that it is working. Please replace the script with the following code.

// custom script
function add_custom_script(){
?>
<script type="text/javascript">
(function($){
	$(document).ready(function() {
		function disableSubmit(element) {
			var submit = $('#top input[type="submit"]');
		    if ($(element).is(':checked')) {
				submit.removeAttr('disabled');
			} else {
				submit.attr('disabled', 'disabled');
			}
		}

    $("#top input[type='checkbox']").on('change', function(e) {
			disableSubmit(this);
		});

    function addErrorNotif(element) {
      var form, error;
      form = $(element).parents('form');
      error = $(form).find('.error .is_email');

      $('<span class="error_notif">Please enter a valid email address!</span>').insertAfter(error);

      setTimeout(function() {
        $('.error_notif').remove();
      }, 3000);
    }

    $('#top input[type="submit"]').on('click', function() {
      setTimeout( $.proxy(function() {
        addErrorNotif(this);
      }, this), 1000);
    });
	});
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'add_custom_script');

You can change the style of the error container by using the “error_notif” class selector.

Best regards,
Ismael