I have worked for hours on this with little joy. I am a total beginner on jQuery. On submitting a form I want to stop the form processing, load an external file, then process the form. Everything works apart from the final line of submitting the form. Can someone point me in the right direction.
<script type="text/javascript">
$("#form1").on('submit', function(e) {
e.preventDefault();
$("#a").load("saveData.php");
$('#form1').submit();
});
</script>
You need
$("#form1").on('submit', function (e) {
e.preventDefault();
var form = this;
$("#a").load("saveData.php", function(){
form.submit(); // we need to use a non jQuery form reference here to prevent recursive submit calls
});
});
$("#form1").on('submit', function (e) {
e.preventDefault();
var $this = this;
$("#a").load("saveData.php", function(){
$this.submit(); //assuming you want to submit the form after you have loaded the file
});
});
You've got an infinite loop, because the submitting the form invokes your submit handler again.
Just leave out e.preventDefault();. When the handler returns, normal form submission will happen.
