I'm looking to disable the error message just for specific input fields on a form.
In this example i'm trying to disable the messege just for the radio input field.
jQuery(document).ready(function($) {
"use strict";
$("form").validate();
$('input[type="radio"]').validate({
errorPlacement: function(error, element) {
return false;
}
});
$(document.body).on('click', '.submiter', function () {
$("input").valid();
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.15.0/jquery.validate.min.js"></script>
<form>
<fieldset>
<p>
<label for="title-Mr">Mr</label>
<input id="title-Mr" type="radio" name="title" value="MR" class="required">
</p>
<p>
<label for="bading">Bading</label>
<input id="bading" type="text" name="bading" class="required">
</p>
</fieldset>
<p>
<a class="submiter" href="#submit">submit</a>
</p>
</form>
I figured it out by adding if statement to the errorPlacement function.
jQuery(document).ready(function($) {
"use strict";
$("form").validate({
errorPlacement: function(error, element) {
if (element.is(":radio")) {
return false;
} else {
error.insertAfter(element);
}
}
});
$(document.body).on('click', '.submiter', function() {
$("input").valid();
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.15.0/jquery.validate.min.js"></script>
<form>
<fieldset>
<p>
<label for="title-Mr">Mr</label>
<input id="title-Mr" type="radio" name="title" value="MR" class="required">
</p>
<p>
<label for="bading">Bading</label>
<input id="bading" type="text" name="bading" class="required">
</p>
</fieldset>
<p>
<a class="submiter" href="#submit">submit</a>
</p>
</form>
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With