表单按钮发布数据并通过onclick运行脚本

时间:2016-11-04 22:28:00

标签: javascript php jquery forms

我有一个表单需要从表单发布数据并运行脚本以根据表单中的用户输入重定向页面。

我已成功运行脚本但无法找到从表单发布数据的方法。提交按钮必须是type="button",否则jscript onclick="calc()"将无法运行。我不确定为什么。

我的按钮代码是:

<input type="button"  id="calculate" value="Calculate"  onclick="calc()" formaction="carbondata.php" formmethod="post"/>

我的脚本是

<script type="text/javascript">
  function calc() {
    if (document.getElementById('mileage').value == '0-15000' && document.getElementById('gdi').value == 'yes' && document.getElementById('fuel').value == 'yes') {
      window.location = 'http://www.arnolfodesign.com/clients/itw_carbonator/outcome01.html'
    } else if (document.getElementById('mileage').value == '0-15000' && document.getElementById('gdi').value == 'yes' && document.getElementById('fuel').value == 'no') {
      window.location = 'http://www.arnolfodesign.com/clients/itw_carbonator/outcome02.html'
    }
  }
</script>

我有一个简单的PHP表单将数据发送到我的电子邮件但表单不发送。该网站位于:     carbonator

我可以简单地在脚本中添加post()吗?我在这里对此进行了研究,发现了一些非常令人困惑的解决方案,这些解决方案有点相同但不完全相同。

2 个答案:

答案 0 :(得分:1)

为什么不使用jQuery?

如果你使用jQuery,你只需使用$.post()函数。

答案 1 :(得分:0)

我无法使用jquery .post()函数发布和重定向用户。但是,我能够在post.php页面中完成这两项工作。

用php添加了重定向。

 if ($mileage == "0-15000" && $gdi == "yes" && $fuel == "yes")  {
header("Location:http://www.arnolfodesign.com/clients/itw_carbonator/outcome01.html");
 } elseif ($mileage == "0-15000" && $gdi == "yes" && $fuel == "no") {
  header("Location:http://www.arnolfodesign.com/clients/itw_carbonator/outcome02.html");
 } elseif ($mileage == "0-15000" && $gdi == "no" && $fuel == "yes") {
 header("Location:http://www.arnolfodesign.com/clients/itw_carbonator/outcome01.html");
 } elseif ($mileage == "0-15000" && $gdi == "no" && $fuel == "no") {
header("Location:http://www.arnolfodesign.com/clients/itw_carbonator/outcome02.html");

这有希望同样有效。