jquery - 未捕获的范围错误: Maximum call stack size exceeded - JQuery form submission error

Question

我在表单之外有一个输入

<input id="BrId" name="BrId" type="text" value="1">

HTML 表单 -

 <form id="photoform" enctype="multipart/form-data" method="post" action="server-side-path">
    <input type="file" id="Photos" name="photo"/>
    <input type="hidden" name="VisitGuid" value="5" />
    <input type="hidden" name="HiddenBrId" id="HiddenBrId" value="" />
    <input type="submit" />

JQuery-

$('#photoform').on('submit', function (e) { 
     e.preventDefault();
     $('#HiddenBrId').val($('#BrId').val());
     $('#photoform').submit();
});

当我单击提交按钮时，表单未提交，控制台显示Uncaught RangeError:超出最大调用堆栈大小

有什么帮助吗？

Answer 1

<form id="photoform" enctype="multipart/form-data" method="post" action="server-side-path">
    <input type="file" id="Photos" name="photo"/>
    <input type="hidden" name="VisitGuid" value="5" />
    <input type="hidden" name="HiddenBrId" id="HiddenBrId" value="" />
    <input type="submit" name="submit_btn" />
</form>

<script>
$('#photoform').on('submit', function (e) { 
     e.preventDefault();
     $('#HiddenBrId').val($('#BrId').val());
     // Change is here
     $('#photoform')[0].submit();
});
</script>

注意:请避免使用提交和重置作为值输入中任何内容的 name 和 id 属性。