Question

我正在尝试使用Polymer元素Iron-Form将信息提交到$_POST数组中。然而，我的提交按钮（纸张按钮） - 应该运行脚本来提交表单 - 在按下时似乎不提交表单。

我是Polymer和PHP的新手，所以我不确定会出现什么问题。

表单脚本

<form is="iron-form" method="post" id="insert-project-form" action="/form/handler">
   <paper-input label="Project Title" name="title"></paper-input>
   <paper-input label="Client ID" name="clientid"></paper-input>
   <paper-input label="Working Hours" name="workhours"></paper-input>

   <paper-button raised onclick="submitForm()">Submit</paper-button>

   <script>
   function submitForm() {
   document.getElementById('insert-project-form').submit();
   }
   </script>
</form>

Answer 1

我遇到了同样的问题，而且一直这样做。根据{{3}}它应该有效。但我找到了解决这个问题的方法

为提交添加一个普通按钮，并将其可见性设置为隐藏

<button type="submit" id="SubmitButton" name="submit" style="visibility:hidden;"></button>

在您的javascript代码中，将submitForm函数更改为此

function submitForm(){
document.getElementById('SubmitButton').click();
console.log("Submitted!")
}

并保持纸张按钮的行。

 <paper-button raised onclick="submitForm()">Submit</paper-button>

它的作用是单击纸张按钮时，它会触发正常提交的点击事件。我非常确定有比这更有效的方法，但我现在将使用它。

Answer 2

<form is="iron-form" method="post" id="insert-project-form" action="/form/handler">

最后“action”的属性需要将它传递给你的php文件。假设您的php文件位于名为“php”的文件夹中。对此的解决方案是

<form is="iron-form" method="post" id="insert-project-form" action="php/yourphpfile.php">

并且您的逻辑将包含在php文件中，如果需要，它将其提交到数据库。

聚合物铁形式 - 纸张按钮提交不起作用

2 个答案: