如何創建打開警告框的輸入表單？

在HTML中，我已經創建了一個表單來輸入文本，使用Javascript進行驗證，因爲您應該可以在下面看到。如何創建打開警告框的輸入表單？

我想這樣做，當點擊提交按鈕時，會出現一個警告框，感謝用戶輸入數據。

我似乎無法做到這一點，但不破壞JS驗證。

有誰知道我該如何做到這一點？

任何幫助，將不勝感激。

謝謝。

function validateForm() { 
 
     var x = document.forms["myForm"]["name"].value; 
 
     if (x == null || x == "") { 
 
     alert("Please enter your name"); 
 
     return false; 
 
     } 
 
     var x = document.forms["myForm"]["email"].value; 
 
     if (x == null || x == "") { 
 
     alert("Please enter a valid email address"); 
 
     return false; 
 
     } 
 
     var x = document.forms["myForm"]["confirm"].value; 
 
     if (x == null || x == "") { 
 
     alert("Please select an option"); 
 
     return false; 
 
     } 
 
    }

h1 { 
 
    background-color: silver; 
 
    color: black; 
 
    font-size: 1.2em; 
 
    font-family: Arial, Verdana, sans-serif; 
 
} 
 
hr { 
 
    color: blue; 
 
    width: thick; 
 
} 
 
body { 
 
    font-size: 12pt; 
 
    color: brown; 
 
    font-family: Tahoma, Bodoni, sans-serif; 
 
    line-height: 0.8em; 
 
}

<html> 
 

 
<head> 
 
    <title>Basic Form Markup</title> 
 
    <meta charset="UFT-8" /> 
 
    <script> 
 
    </script> 
 
</head> 
 

 
<body> 
 
    <h1>Multi-Part Form</h1> 
 
    <hr /> 
 
    <div> 
 
    <form name="myForm" action+ "demo_form.asp" onsubmit="return validateForm()" method="post"> 
 
     <h1>Name and E-mail</h1> 
 
     <p>Name: 
 
     <input id="name" type="text" name="name" size="30" maxlength="250"> 
 
     </p> 
 
     <p>E-mail: 
 
     <input type="text" name="email" size="30" maxlength="50"> 
 
     </p> 
 
     <p>Comments or Questions (optional)</p> 
 
     <TEXTAREA NAME="Address" ROWS=3 COLS=80></TEXTAREA> 
 
     <h1>Do you wish to receive regular emails giving information about GCEnterpise's ongoing projects?</h1> 
 
     <!--Maybe change above to paragraph tag?--> 
 
     <p> 
 
     <input type="radio" name="confirm" value="yes">Yes</p> 
 
     <p> 
 
     <input type="radio" name="confirm" value="no">No</p> 
 

 
     <p style="line-height: 2em; margin: 2em;"> 
 
     <input type="submit" value="Send"> 
 
     <input type="reset" value="Clear"> 
 
     </p> 
 
    </div> 
 
    <hr/> 
 
</body> 
 

 
</html>

來源

2015-04-03 Madrigone

你想讓它提醒，如果一切正常，正確的？ – 2015-04-03 23:16:37

是的。我希望有一個提醒，感謝他們輸入他們的詳細信息並確認他們已提交。 – Madrigone 2015-04-03 23:27:09

我沒有得到什麼是不會破壞JS驗證的意思。你可以簡單地在你的js驗證腳本的末尾添加這個小言

警報（「謝謝數據」）

來源

2015-04-03 23:34:27

感謝您的回答。沒有意識到它會那麼簡單。 – Madrigone 2015-04-03 23:39:48

如何創建打開警告框的輸入表單？

回答

相關問題