表单操作和sumbit按钮onclick功能不能一起工作

Question

<form name="payform" method="POST">
<input style="display:none" id="txnid" name="txnid" ng-model="transactionid" />
<input style="display:none" id="productinfo" name="productinfo" value="bill payment" />
<input style="display:none" id="mobileNumber" name="phone" ng-model="mobileNumber" />
<input id="buttonPay" type="submit" class="mdl-button" value="SUBMIT" onclick="prePay()" >
</form>

我的HTML代码看起来像这样。我必须将文本框的内容发布到pay.jsp文件。我必须对提交按钮的onclick事件执行一些额外的操作。

 prePay=function(){

...
...
...

document.getElementById("payform").action = "/pay.jsp";
     document.forms["payform"].submit();
  }

但是当我点击提交按钮时，onclick功能无效。只是重定向到页面

Answer 1

您使用getElementById。您的form没有id，只有name。尝试将id="payform"添加到form代码。