繁体   English   中英

如何创建打开警报框的输入表单?

[英]How to create input form which opens an alert box?

在HTML中,我创建了一个表单来输入文本,使用Java脚本进行验证,如下所示。

我要这样做,以便在单击“提交”按钮时出现一个警告框,感谢用户输入数据。

我似乎无法做到这一点,而又不破坏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> 

我不破坏js验证就没有什么意思。 您只需在js验证脚本的末尾添加此小语句

警报(“感谢数据”)

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM