jQuery重置函数$('#form')。get(0).reset();在模式弹出按钮上不起作用?

时间:2018-07-20 00:15:09

标签: jquery asp.net-mvc

$('#form').get(0).reset();不适用于Modal弹出式提交按钮的单击。它给了我错误

  

未捕获的TypeError:$(...)。get(...)。reset不是函数

任何人都可以建议我哪里出问题了。

查看代码

 @using (Html.BeginForm("Index", "Home", FormMethod.Post, new { @Id = "form" }))
                {

                    <button type="button" id="All" class="btn btn-info">Read</button>

                        <div class="modal fade" id="Confirm" role="dialog">
                            <div id="dialogbox" class="modal-dialog" role="document">
                                <div class="modal-content">                                   
                                    <div class="modal-footer">
                                        <button type="button" class="btn btn-secondary"  data-dismiss="modal">No</button>
                                       <button type="submit" id="submit" class="btn btn-info" >Yes</button>

                                    </div>
                                </div>
                            </div>
                        </div>


                }  

脚本

$('#All').click(function () {
                $("#Confirm").modal('show');
            });


$(document).ready(function () {
            var url = '@Url.Action("Index", "Home")';
            $('#form').submit(function () {
                  if (!$(this).valid()) {
                    return;
                   }
                 $.post(url,$(this).serialize(), function (response) {
                     if (response.success) {
                      $('#form').get(0).reset();
                     }
                     else {
                         var message = response.message;
                         alert(message);
                      }
                });
                   return false;
               })
        });

0 个答案:

没有答案