Disabling required when form field inside div with display none

JavaScript
1

I have a form where the form elements are grouped in several divs.
Depending on user choices certain divs will display and others will have display:none.

I want some fields to be required but only when the surrounding div has the value display: block.

Is there a way to do this?

2

This is my validation code…

$(function () {
$('#order-form').validator();
$('#order-form').on('submit', function (e) {
if (!e.isDefaultPrevented()) {
var url = "orderemail.php";
$.ajax({
type: "POST",
url: url,
data: $(this).serialize(),
success: function (data)
{
 var messageAlert = 'alert-' + data.type;
var messageText = data.message;
var alertBox = '<div class="alert ' + messageAlert + ' alert-dismissable"><button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>' + messageText + '</div>';
if (messageAlert && messageText) {
// inject the alert to .messages div in our form
$('#order-form').find('.messages').html(alertBox);
// empty the form
$('#order-form')[0].reset();
}
}
});
return false;
}
})
});
3

what plugin is that? (The default jQuery validation plugin would use validate, not validator.)

4

If you ARE using the jQuery Validator plugin, once you’ve fixed the call, you’ll find that it defaults to ignoring hidden fields.

5

I am using the Bootstrap validator

6

Another issue is that it is the div containing the fields that are hidden rather than the fields themselves, but made visible if the user checks a radio button.

7

I assume by that you mean https://1000hz.github.io/bootstrap-validator/ that validator.

In which case, you can see that the default validation selector is $.fn.validator.Constructor.INPUT_SELECTOR = ':input:not([type="hidden"], [type="submit"], [type="reset"], button)'

in which case you should be able to just add :hidden to that list.
$.fn.validator.Constructor.INPUT_SELECTOR = ':input:not([type="hidden"], [type="submit"], [type="reset"], button, :hidden)'

1 Like
8

That has worked a treat. Thanks for your help

1 Like
9

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.