jQuery Validate doesn't remove error if value is auto-inputted via JavaScript

Question

My HTML looks like this:

<form id="mainform" method="post">
    <input type="text" class="required" name="receiver" />
    <span id="clickMe">Click me</span>
    <input type="submit">
</form>

And my JavaScript is as follows:

$(document).ready(function () {
    $("#clickMe").click(function() {
        $("input[name=receiver]").val("Clicked");
    });
    $("#mainform").validate({
        submitHandler: function (form) {
            alert("Success!");
            return false;
        }
    });
});

Fiddle: http://jsfiddle.net/Y9RFt/2/

If you submit leaving the input empty, an error appears.

If you click the 'Click Me' span, the input is auto-filled, but the error remains until you submit the form. If you type something instead, the error disappears instantly.

Is there a way to emulate user input so that the error disappears on click?

Sparky · Accepted Answer · 2013-05-18 18:08:08Z

3

Simply use the built-in .valid() method to force an immediate validation test of the form.

$("#clickMe").click(function () {
    $("input[name=receiver]").val("Clicked");
    $("#mainform").valid();  // <<-- Add this line to force a test
});

DEMO: http://jsfiddle.net/Y9RFt/8/

answered May 18, 2013 at 18:08

Sparky

98.8k26 gold badges202 silver badges293 bronze badges

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

Comments

rybo111 · Accepted Answer · 2013-05-18 14:16:14Z

1

Got it. The solution is to simply blur the input:

$("input[name=receiver]").val("Clicked").blur();

Fiddle: http://jsfiddle.net/Y9RFt/7/

answered May 18, 2013 at 14:16

rybo111

12.6k4 gold badges64 silver badges74 bronze badges

3 Comments

Sparky Over a year ago

You don't need to go through all this. Use .valid() inside your click handler to force a test of the form.

Sachin Over a year ago

nice solution.. saved my time.. every time we don't need to validate whole form.

rybo111 Over a year ago

Exactly. It's less characters, no extra lines needed, and is quicker to run. I'm not sure what @Sparky means when he says "go through all this".

Collectives™ on Stack Overflow

jQuery Validate doesn't remove error if value is auto-inputted via JavaScript

2 Answers 2

Comments

3 Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

3 Comments

Related