如何使用按钮提交表单 - How to submit a form with button

How to submit a form with button

本文关键字：表单提交按钮何使用 | 更新日期: 2023-09-27

我正在尝试仅通过单击按钮来提交输入表单的值。通常按回车键也提交发件人，bt 我需要防止这种情况。如果单击按钮，我只需要提交所有输入数据。

所以，我使用 window.location='insert_expences.php' ，但在insert_expences.php我无法获取输入字段的值。我使用echo "<pre>"; var_dump($_POST);die;

我想仅在单击按钮时获取所有输入值。

请帮忙谢谢

完整的工作代码，以防止在回车键上提交表单。当用户单击"提交"按钮时，它将提交表单。

1.php文件

<?php
/* Add your php code here if needed */
?>
 <!-- form starts -->
<form action="2.php" method="post" id="regForm">
 <input name="a" type="text" />
 <input name="b" type="text" />
 <input name="sub" type="submit" value="Submit" />
</form>
<!-- form ends-->
 <!-- Insert the code below before </body> Tag -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
 <script>
   $('#regForm').on('keyup keypress', function(e) {
   var keyCode = e.keyCode || e.which;
     if (keyCode === 13) {
       e.preventDefault();
       return false;
     }
  });
 </script>

2.php文件

 <?php
//Show the form data that was sent here
echo "<pre>"; var_dump($_POST);
die;
?>

要了解有关 PHP 的更多信息，请参阅以下链接

PHP

with HTML - PHP 5 教程 - 学习 php

<form onsubmit="return false;">
....
</form>

您可以删除submit并使用按钮：

<input type="button" value="" id="button">

并将侦听器添加到按钮：

$('#button').click(function() {
    $(this).parents('form').submit();
});