Erreur de gamme non rencontrée : Maximum call stack size exceeded - erreur de soumission de formulaire JQuery

Question

J'ai une seule entrée en dehors du formulaire

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

Formulaire 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();
});

Lorsque je clique sur le bouton "submit", le formulaire n'est pas soumis et la console dit Uncaught RangeError: Maximum call stack size exceeded

Une aide ?

Answer 1

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

Answer 2

Cause

$('#photoform').on('submit', function (e) { //S-1
. . . 
 $('#photoform').submit(); //This is the cause, it again calls  "S-1" 
});

Veuillez expliquer ce que vous voulez réellement obtenir.

Answer 3

<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>

NOTE : Veuillez éviter d'utiliser soumettre y réinitialiser comme valeur de name y id de n'importe quelle entrée.