How to reset a form using jQuery with .reset() method

Question

I had working code that could reset my form when I click on a reset button. However after my code is getting longer, I realize that it doesn\'t work anymore.

Answer 1

You can use the following.

@using (Html.BeginForm("MyAction", "MyController", new { area = "MyArea" }, FormMethod.Post, new { @class = "" }))
{

    

        @Html.LabelFor(m => m.MyData, new { @class = "col-form-label" })
    
    

        @Html.TextBoxFor(m => m.MyData, new { @class = "form-control" })
    


    

        Send
         Clear
    

}

Then clear the form:

    $('.btn:reset').click(function (ev) {
        ev.preventDefault();
        $(this).closest('form').find("input").each(function(i, v) {
            $(this).val("");
        });
    });