Javascript提醒窗口 - 如何设置len

我有一个HostGator提供的基本的HTML/JavaScript联系表单。它工作得很好......如果用户没有提交名称或无效的电子邮件地址，就会弹出一个JavaScript警报。这些警报将保留在屏幕上，直到用户单击确定。但是，如果用户正确提交联系表单，最终成功提醒只能持续1/2秒左右。我试图弄清楚如何在指定的时间内最后发送最终电子邮件成功警报，或者直到用户点击确定按钮，然后将它们重定向到指定页面。这里是链接到HostGator信息的联系表格w/JavaScript http://www.hostgator.com/formmail.shtml，这里是我试图改变的代码，以获得提交后的JavaScript消息，而不是在用户甚至有机会阅读之前消失。Javascript提醒窗口 - 如何设置len

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
<html> 
<head> 
<meta http-equiv="content-type" content="text/html;charset=utf-8"> 
<title>FormMail Demo</title> 
<script type="text/javascript"> 
function hgsubmit() 
{ 
if (/\S+/.test(document.hgmailer.name.value) == false) alert ("Please provide your name."); 
else if (/^\[email protected][a-z0-9_.-]+\.[a-z]{2,6}$/i.test(document.hgmailer.email.value) == false) alert ("A valid email address is required."); 
else if (/\S+/.test(document.hgmailer.comment.value) == false) alert ("Your email content is needed."); 
    else { 
     document.hgmailer.submit(); 
     alert ('Thank you!\nYour email is sent.'); 
     } 
} 
</script> 
</head> 
<body> 
<form action="http://www.mydomain.com/cgi-sys/formmail.pl" method="post" name="hgmailer"> 
<input type="hidden" name="recipient" value="[email protected]"> 
<input type="hidden" name="subject" value="FormMail E-Mail"> 
Whatever you want to say here<br><br> 
Visitor Name: <input type="text" name="name" size="30" value=""><br> 
Visitor E-Mail: <input type="text" name="email" size="30" value=""><br> 
E-Mail Content: <textarea name="comment" cols="50" rows="5"></textarea><br><br> 
<input type="button" value="E-Mail Me!" onclick="hgsubmit();"> 
<input type="hidden" name="redirect" value="http://www.mydomain.com/redirect-path"> 
</form> 
</body> 
</html>

来源

2012-04-08 max

尝试把警报（）前提交（） – anuragsn7 2012-04-08 09:31:15

else { 
    alert('Thank you!\nYour email is sent.'); 
    setTimeout("document.hgmailer.submit()", 4*1000); 
    }

这应该做的警报（），等待4秒（或任何你在第二放慢参数指定），然后进行提交（）。

来源

2012-04-08 09:47:24

感谢您的快速回答。这工作。 – max 2012-04-08 20:36:52

这里的问题似乎弹出如图同时document.hgmailer.submit();仍在进行中。由于延迟提交，您会在submit()完成之前看到弹出窗口一小部分，并且您被重定向到目标页面。

一种方法是把alert(....)....submit()之前，或者您可以使用jQuery异步上传你喜欢的数据：



    $.post("target_Page_Address", 
      { var1: value1, var2: value2 // and so on }, 
      function(response){ // Do something based on response } 
     );

编辑：

或者你能避免这整个弹出的业务和做这样的：



    document.hgmailer.submit_button_name.value= 'Please wait...'; 
    document.hgmailer.submit();

也就是说，你基本上可以设置value从"Email Me!"

提交按钮"Please wait..."这样的，用户就会知道他们的电子邮件仍在处理中和完成之前，他们是不会改变的页面。

来源

2012-04-08 09:45:28 anuragsn7

谢谢。这个答案比其他人更有教育意义，但没有以最有效的简单方式解决我的问题（我的主观观点）。感谢您花时间回答。 – max 2012-04-08 20:40:23

您可以轻松停止表单提交，直到用户单击最后一次提醒的“确定”按钮。使用

alert ('Thank you!\nYour email is sent.'); 
//waits here until user click 'ok', then submit! 
document.hgmailer.submit();

代替，

document.hgmailer.submit(); 
alert ('Thank you!\nYour email is sent.');

来源

2012-04-08 09:53:09

谢谢！这是完成我所尝试的另一个好方法。 – max 2012-04-08 20:37:36

Javascript提醒窗口 - 如何设置len

回答

相关问题