繁体   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