remove jquery validation error message after select value

Question

I have a problem using bootstrap select plugin and jQuery validation. when i select value, error message This field is required not remove While normal validation(without bootstrap select plugin) after select value error message auto remove. how to fix this problem?

JSFIDDLE

HTML:

<form id="myform"> <----With Select Plugin
    <select name="year" class="selectpicker">
        <option value="">Year</option>
        <option value="1">1955</option>
        <option value="2">1956</option>
    </select>
    <br/>
    <input type="submit" />
</form>
<form id="myform1"> <----Without Select Plugin
    <select name="fruit">
        <option value="">Year</option>
        <option value="1">1955</option>
        <option value="2">1956</option>
    </select>
    <br/>
    <input type="submit" />
</form>

JS:

$(document).ready(function () {
    $('.selectpicker').selectpicker();


    $('#myform').validate({ // initialize the plugin
        ignore: [],
        rules: {
            year: {
                required: true
            }
        },
        errorPlacement: function(error, element) {
            if (element.attr("name") == "year") {
              error.insertAfter(".bootstrap-select");
            } else {
              error.insertAfter(element);
            }
        },
        submitHandler: function (form) { // for demo
            alert('valid form submitted'); // for demo
            return false; // for demo
        }
    });
});
// just for the demos, avoids form submit
jQuery.validator.setDefaults({
debug: true,
success: "valid"
});
$( "#myform1" ).validate({
rules: {
fruit: {
required: true
}
}
});

Arun P Johny · Accepted Answer · 2014-01-17 11:07:51Z

13

You need to check the validity on change

$('.selectpicker').selectpicker().change(function(){
    $(this).valid()
});

Demo: Fiddle

answered Jan 17, 2014 at 11:07

Arun P Johny

389k68 gold badges532 silver badges532 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Alp Altunel Over a year ago

this is not working correctly. it should be like below example

Linga · Accepted Answer · 2014-01-17 11:10:18Z

4

Try this

$('select').change(function(){
    if ($(this).val()!="")
    {
        $(this).valid();
    }
});

Here is the Fiddle

answered Jan 17, 2014 at 11:10

Linga

10.6k10 gold badges57 silver badges109 bronze badges

Collectives™ on Stack Overflow

remove jquery validation error message after select value

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related