Auto submit form on textbox change mvc

Question

So I have a requirement to auto submit a form upon edit of a set textbox within a form.

using (Ajax.BeginForm(new AjaxOptions() { UpdateTargetId = "refresh", InsertionMode = InsertionMode.Replace }, new { @id = "refresh" }))
{
    @Html.ValidationSummary();
    @Html.TextBoxFor(modelitem => Model.Requirement)
}

How can I make that form submit to the controller method upon edit of the textbox? (if possible).

Is jQuery accepted? If so, you can add a listener on the targeted textbox and, say, on enter just call the submit on that form. — Andrei V
– Andrei V, Commented Mar 21, 2014 at 9:59
jQuery is completely fine, although im a complete beginner with it! — GrahamHull
– GrahamHull, Commented Mar 21, 2014 at 10:01
This question has what you need. Just change the selector (".input") to the id of your text box. Maybe this one will help as well. — Andrei V
– Andrei V, Commented Mar 21, 2014 at 10:03

David Silva-Barrera · Accepted Answer · 2017-10-15 06:50:08Z

2

I think the jQuery solution this should work like this:

<script type="text/javascript">
    $('#Requirement').change(function () {
        $('#refresh').submit();
    });
</script>

The above will run when the text box loses focus (and had changed value), if you want to do it on every keypress you can replace change for keyup or keydown as you see fit.

edited Oct 15, 2017 at 6:50

David Silva-Barrera

1,1568 silver badges12 bronze badges

answered Mar 21, 2014 at 10:04

dav_i

28.2k17 gold badges110 silver badges138 bronze badges

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

Collectives™ on Stack Overflow

Auto submit form on textbox change mvc

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related