2017-10-11 20 views
0
<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事件执行一些额外的操作。表单动作和sumbit按钮onclick函数不能一起工作

prePay=function(){ 

... 
... 
... 

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

但当我点击提交按钮的onclick功能不工作。只是重定向到页面

回答

2

您使用getElementById。您的form没有id,它只有name。尝试将id="payform"添加到form标记。

+0

没有用。错误消失了。但页面不重定向。 – unknown123

+0

“Uncaught TypeError:由于未定义的ID,无法设置属性'null'的操作'错误。您编辑了您的帖子并将其名称更改为ID。 这是一个问题。 – lwozniak

+0

编辑了qstn。请检查一下。 – unknown123

-1

呼叫另一页会议提交这是另一种尝试

<form action="formname.html" 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" value="SUBMIT" " > 
</form>