在提交PHP表單之前顯示確認警報框
[英]Show Confirm Alert Box before submitting the PHP Form
問題描述
<script type="text/javascript">
var validate = (function() {
var reClass = /(^|\s)required(\s|$)/; // Field is required
var reValue = /^\s*$/; // Match all whitespace
return function (form) {
var elements = form.elements;
var el;
var amount = document.forms["myForm"]["amount"].value;
var quantity = document.forms["myForm"]["quantity"].value;
for (var i=0, iLen=elements.length; i<iLen; i++) {
el = elements[i];
if (reClass.test(el.className) && reValue.test(el.value)) {
// Required field has no value or only whitespace
// Advise user to fix
alert('Please fix ' + el.name);
return false;
}
}
if (amount == null || amount == "" || isNaN(amount)) {
alert("Total Amount must be only numbers");
return false;
}
else if (quantity == null || quantity == "" || isNaN(quantity)) {
alert("Quantity must be only numbers");
return false;
}
else{
confirm("Confirm Order Submission ?");
}
}
}());
</script>
這是一個表單驗證腳本，使用“必需”id作為強制輸入字段，工作正常。 我只想在我使用confirm（）嘗試的最后一條if語句之后找到一個確認警告框，但即使我點擊“取消”，表單仍然會被提交
3 個解決方案
解決方案1
2 已采納 2017-10-16 12:13:11
else{
if (confirm("Confirm Order Submission ?")) return true;
else return false;
}
這使它工作！
解決方案2
0 2017-10-16 10:27:45
<!DOCTYPE html> <html> <body> <p>Click the button to display a confirm box.</p> <button onclick="myFunction()">Try it</button> <script> var x; function myFunction() { x = confirm("Press a button!"); alert(x) if(x === true){ alert("Call Submit !!!!"); }else{ alert("Don't Call Submit !!!!"); } } </script> </body> </html>
從w3school嘗試此代碼顯示一個確認框
https://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_confirm
如果用戶單擊“確定”，則confirm（）方法返回true，否則返回false。
解決方案3
0 2017-10-16 10:29:36
請參閱https://www.w3schools.com/jsref/met_win_confirm.asp，您可以使用confirm（）方法。
var txt;
var r = confirm("Press a button!");
if (r == true) {
txt = "You pressed OK!";
// Continue submit the form
} else {
txt = "You pressed Cancel!";
// Do nothing or return to form
}
在使用jquery確認提交表單之前，如何顯示確認框？
[英]How to display a confirm box before submitting a form using jquery confirm?
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.