簡體   English   中英

HTML表單提交顯示javascript確認窗口

[英]HTML form submit show javascript confirm window

我有一個HTML表單:

<form method="post" action="addticketupdate.php">
....

</form>

然后在表格上方,我有:

<?php
if(isset($_POST["submit"])) {
... do stuff here
}
?>

因此,我表單中的“提交”按鈕的ID和名稱為“提交”

我想在單擊“提交”按鈕時使JavaScript確認框彈出,該語句顯示:如果用戶單擊“確定”,則被摘除的php代碼,否則不執行任何操作。

我怎樣才能做到這一點?

只需使用:

<form method="post" action="addticketupdate.php" onsubmit="return confirm('Do you want to submit the form?');" >

選項2 :(在“提交”按鈕上單擊)

$('#submit').click(function() {
    var res = confirm('Do you really want to submit the form?');
    if(!res){ 
       return false; 
    }else{ 
       //submits form 
    }
});

你可以這樣做

<form method="post" action="addticketupdate.php" onsubmit="return confirm('Need to submit??');">
<!-- your other html input code -->
    <button type="submit">submit</button>
</form>
<script>
function validate() {
    var result = confirm("Do you want to submit!");
    return result;
}
</script>
<form name="form-name" onsubmit="return validate();"> 

那應該是使用對話框而不是警報彈出框。
但是對話框沒有完全支持,因此在這種情況下“ Fancy Box”是最好的。

花式盒子

因此,在將精美框安裝到您的網站之后,您應該刪除其中的默認按鈕,並將其更改為輸入類型Submit,然后將其添加為“ submit”。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM