Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

jQuery Validate plugin - Disable error message on certain fields

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>
like image 1000
dim Avatar asked Oct 28 '25 08:10

dim


1 Answers

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>
like image 81
dim Avatar answered Oct 30 '25 23:10

dim