unobtrusive validation not triggering when using submit() function

Question

In my view I have a button that submits the form:

<input type="button" value="Save Only" id="save" onclick="submitForm('SaveOnly')" />

This is one of a few different buttons, all of which will be handled differently in different Controller Action methods.

Also in the view is this submitForm(action) Javascript method:

function submitForm(action) {
    var form = document.getElementById("myForm");
    form.action = "/Area/MyController/" + action;
    form.submit();
}

When I use a submit button (rather than type="button"), unobtrusive client-side validation works properly. However, when I use this submitForm(action) function, the client-side validation does not happen. How can trigger the client side validation?

Are any errors showing up in the console?

squill25
– squill25

2015-05-13 22:05:54 +00:00
Commented May 13, 2015 at 22:05 — squill25
– squill25, Commented May 13, 2015 at 22:05
No. Also the server side validation is working correctly.

navig8tr
– navig8tr

2015-05-13 22:08:02 +00:00
Commented May 13, 2015 at 22:08 — navig8tr
– navig8tr, Commented May 13, 2015 at 22:08

hutchonoid · Accepted Answer · 2015-05-13 22:30:49Z

2

You can call it manually as follows:

function submitForm(action) {
    var $form = $("#myForm");
    $form.action = "/Area/MyController/" + action;

    $.validator.unobtrusive.parse($form);
    $form.validate();

    if ($form.valid()) {
       $form.submit();
    }
}

edited May 13, 2015 at 22:30

answered May 13, 2015 at 22:08

hutchonoid

33.4k15 gold badges102 silver badges106 bronze badges

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

6 Comments

navig8tr Over a year ago

I'm getting a console error: form.validate is not a function

hutchonoid Over a year ago

@navig8tr I have changed it to use a jQuery selector now instead, please re-try the code above. :)

navig8tr Over a year ago

different console error: Cannot read property 'form' of undefined

user3559349 Over a year ago

Correct the selector to var $form = $("#myForm");

navig8tr Over a year ago

Perfect! Now I can go home happy. :-)

|

Collectives™ on Stack Overflow

unobtrusive validation not triggering when using submit() function

1 Answer 1

6 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

6 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related