使用 javascript Onclick 提交 HTML 表单

Question

我正在尝试使用 java 脚本提交我的 HTML 表单，而不是使用 submit 输入类型。

但是我遇到了以下错误：

Uncaught TypeError: document.getElementById(...).submit is not a function

下面是我的代码结构：

<form method="post" action="index.php" id="popup_form">
    <input type="hidden" name="page" value="popup_raffle_entry">
    <input type="hidden" name="submit" value="1"><div class="popup_wrapper"><h1 class="container_title" style="-webkit-border-radius:0px;border-radius:0px;margin-bottom:5px;">
           Raffle Entry - Galil (Factory New) | </h1><p>The price for one ticket in this raffle is <span style="color:#4E17A7;">1000 Flip Coins</span>.</p><p><span style="color:#4E17A7;">1000 Flip Coins</span> is currently equivalent to
           <span style="color:#4E17A7;"></span></p><br><p style="position:relative;top:0px;left:0px;font-weight:bold;">Your current Flip Coin Balance is:
    <span class="profile_category_r"><img src="images/flipcoin.jpg" style="position:absolute;left:290px;top:2px;">
           <span style="margin-left:35px;color:#4E17A7;">1000</span></span></p><p style="margin-top:10px;">Please choose the number of tickets to buy:</p><input type="text" name="number_of_tickets" id="number_of_tickets" placeholder="Between 1 and 10"></form><br clear="all"><p class="buy_tickets_button" onclick="document.getElementById('popup_form').submit();">Buy Tickets Now</p><a class="buy_flipcoins_button" href="index.php?page=purchase">Purchase Flip Coins</a><p class="close_popup_button">Close Popup</p><br clear="all"><br clear="all"></div>

我已经尝试将 java 脚本函数移动到内联和 scripts.js 页面中，但没有任何区别。

Answer 1

您输入的名称="submit"，这是导致问题的原因。

此外，您的 html 中没有按钮。

Answer 2

我建议使用像 Firebug 这样的工具来跟踪 Javascript 代码，特别是在你的情况下，如果调用了提交，它得到了 return。

使用 javascript Onclick 提交 HTML 表单

Submitting HTML form with javascript Onclick

html

javascript

forms

onclick