如何清除整个表单客户端，或者正确的方法是调用控制器并在那里清除模型？

Question

How can I clear the entire form client side or would the proper way be to call the controller and clear the model there?

Notice that I have a partial view whose fields I would also want cleared.

This is the html. The input (reset) button seems to only reset the values on that form. In this case the 3 checkboxes and none of the fields in the partial view.

For clarity the partial view has several Kendo textboxes and a dropdownlist.

  <div class="col-md-6 col-md-offset-3 text-center">
        @Html.Partial("_Registration", Model)
        <div class="text-left">
            <div class="form-group">
                @Html.Kendo().CheckBoxFor(x => x.Field1).HtmlAttributes(new { @class = "form-control text-center" })
            </div>
            <div class="form-group">
                @Html.Kendo().CheckBoxFor(x => x.Field2).HtmlAttributes(new { @class = "form-control text-center" })
            </div>
            <div class="form-group">
                @Html.Kendo().CheckBoxFor(x => x.Field3).HtmlAttributes(new { @class = "form-control text-center" })
            </div>
        </div>
        <div class="form-group">
            <input type="reset" id="btnReset" class="btn btn-primary" value="Reset" />
            <input type="submit" id="btnSubmit" class="btn btn-primary" value="Submit" />
        </div>
    </div>

Answer 1

如果您有多个表单，则也可以使用JavaScript重置其他表单。