在表单中单击按钮后插入提示（）

我有一个包含三个输入元素的表单。其中一个按钮是精确度的第三个按钮，当我点击它时，表单将执行GET请求。但是，在请求之前我想要一个提示来确认票数，并且在这里，如果我按OK，请执行GET请求。这是可能的？由于在这里有我的HTML代码：在表单中单击按钮后插入提示（）

<FORM NAME="formTicket" target="_blank" ACTION='http://localhost:8080/movies/ticket' METHOD="GET" > 
<input id="totalTickets" name="numb" type="text" placeholder="Insert number of ticket" size="5" maxlength="1" style="margin-right:20px" /></input> 
<input id="totalTicket" name="id" type="hidden" size="5" maxlength="1" style="margin-right:20px" > 
    <script> 
     var param = location.search.split('id=')[1]; 
     document.getElementById('totalTicket').value = param; 
    </script> 
</input> 
<input type="submit" class="dettagliButton" id="stmp" value='Ticket' style="margin-left:2px"> 
<script> 
     var number = prompt("Please enter the number of tickets", "Insert the number here"); 
     document.getElementById('totalTickets').value=number; 
    </script></input> 
</FORM>

来源

2016-01-22 Federico Peppi

[使用的Javascript确认取消表单提交]的可能的复制（http://stackoverflow.com/questions/12226701/javascript-using-confirm-to-cancel-form-submission） – mplungjan

是的，谢谢你soo !!!现在我发布解决方案 –

没必要。只是删除你的问题 - 这是特别有用的，你和其他人可以看看其他 – mplungjan

我找到了解决办法由于在mplungjan，所以我有这样的：

<FORM NAME="formTicket" target="_blank" ACTION='http://localhost:8080/movies/ticket' METHOD="GET" onsubmit="prompter();"> 
<input id="totalTickets" name="numb" type="text" placeholder="Insert number of ticket" size="5" maxlength="1" style="margin-right:20px" /> 

</input> 
<input id="totalTicket" name="id" type="hidden" size="5" maxlength="1" style="margin-right:20px" > 
    <script> 
     var param = location.search.split('id=')[1]; 
     document.getElementById('totalTicket').value = param; 
    </script> 
</input> 
<input type="submit" class="dettagliButton" id="stmp" value='Ticket' style="margin-left:2px">  
    <script> 
     function prompter(){     
      var number = prompt("Please enter the number of tickets", "Insert the number here"); 
      document.getElementById('totalTickets').value=number; 
     } 
    </script></input> 
</FORM>

来源

2016-01-22 09:56:33

看到您的解决方案，我的建议是 - 不知道你想要什么与隐藏参数：

<!DOCTYPE html> 
<html> 
    <head> 
    <title>Tickets</title> 
    <script> 
    window.onload=function() { 
     var param = location.search.split('id=')[1]; 
     document.getElementById('totalTicket').value = param; 
     document.getElementById('formTicket').onsubmit=function() { 
     var tck = document.getElementById("totalTickets").value; 
     if (!tck) { 
      alert("Please enter number of tickets"); 
      document.getElementById("totalTickets").focus(); 
      return false; 
     } 
     return confirm("You are ordering the following number of tickets:"+tck+", correct?");     
     } 
    } 
    </script> 
    </head> 
    <body> 
    <form id="formTicket" target="_blank" ACTION='http://localhost:8080/movies/ticket'> 
    <input id="totalTickets" name="numb" type="text" placeholder="Insert number of tickets" size="5" maxlength="1" style="margin-right:20px" /> 
    <input id="totalTicket" name="id" type="hidden" /> 
    <input type="submit" class="dettagliButton" id="stmp" value='Ticket' style="margin-left:2px" />  
    </form> 
    </body> 
</html>

来源

2016-01-22 10:13:34 mplungjan

谢谢，但我只发布了我的代码的一部分，我已经完成了所有，我不希望一个函数出现在onload的页面 –

你是什么意思的“出现功能”？ – mplungjan

回答

相关问题