單擊表單中的按鈕后插入提示（）
[英]insert prompt() after a click of a button in a form
問題描述
我有一個包含三個輸入元素的表單。 其中一個是按鈕，第三個是精度按鈕，當我單擊它時，表單將執行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>
2 個解決方案
解決方案1
0 2016-01-22 09:56:33
我在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>
解決方案2
0 2016-01-22 10:13:34
看到您的解決方案后，我建議這樣做-不確定隱藏參數的要求：
<!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>
單擊按鈕后如何設置提示？
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.