使用 Javascript / Jquery 提交表单，不带按钮

Question

我正在尝试通过调用 JavaScript 函数并使用 JQUERY / PHP 执行表单来提交没有按钮的表单。 我希望表单在后端静默执行而不重新加载页面。 不幸的是，即使页面上存在 JavaScript 函数，它也会不断返回未定义 JavaScript 函数的错误。 诚然，我不擅长 JavaScript，所以请把我当作菜鸟，并为我指明正确的方向。 谢谢，我的代码是

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <form id="my_1form" action="" method="POST"> <input type="text" name="acc_name" id="acc_name" value="name"/> <br/> <input type="text" name="with_id" id="with_id" value="1"/> <div onclick="submit_1form()">Submit</div> </form> <script> $(document).ready(function() { function submit_1form() { var fo1rm = document.getElementById("my_1form"); fo1rm.submit(); var acc_name = $("#acc_name").val(); var with_id = $("#with_id").val(); var dataString = 'acc_name=' + acc_name + '&with_id=' + with_id; { // AJAX Code To Submit Form. $.ajax({ type: "POST", url: "submit-withdraw.php", data: dataString, cache: false, success: function(result) {} }); } return false; } }); </script>

请注意，我在标题标签<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>中调用了 Jquery 脚本

非常感谢！

Answer 1

您的submit_1form函数嵌套在匿名document.ready()函数中，因此在需要时无法在范围内找到它。 由于它是一个函数，因此不需要首先在document.ready中定义它。

为了不遇到页面重新加载，不要使用form的典型submit事件。 相反，请照常使用 AJAX，并使用div的click事件触发它。

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <form> <input id="acc_name" value="name"> <br> <input id="with_id" value="1"> <div class="submitButton">Submit</div> </form> <script> $(function(){ // Set up a click (not submit) event handler for the div $("div.submitButton").on("click", submit_1form); }); function submit_1form() { var acc_name = $("#acc_name").val(); var with_id = $("#with_id").val(); var dataString = 'acc_name=' + acc_name + '&with_id=' + with_id; // AJAX Code To Submit Form. $.ajax({ type: "POST", url: "submit-withdraw.php", data: dataString, cache: false, success: function(result) {} }); alert("Form data submitted!"); } </script>

Answer 2

首先确保您的 jQuery 文件正确加载，并且在表单提交上调用您的 javascript 函数会很好。