2013-11-18 2 views
-1

Я пытаюсь добавить страницу перенаправления в форму после отправки.Форма подтверждения + перенаправление

В настоящее время после отправки формы он показывает небольшое текстовое сообщение «спасибо за отправку», но я бы хотел, чтобы он перенаправлялся на другую страницу. Есть ли способ добавить функцию перенаправления к скрипту проверки или непосредственно в форме?

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
    <html xmlns="http://www.w3.org/1999/xhtml"> 
     <head> 
      <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
      <title>Test</title> 
      <link href="styles.css" rel="stylesheet" type="text/css"> 
       <script type="text/javascript"> 
       function validateForm() { 

       var x=document.forms["myForm"]["FirstName"].value; 
       if (x==null || x=="") 
        { 
        alert("Name is missing"); 
        return false; 
        } 

       var y=document.forms["myForm"]["MobilePhone"].value; 
       if (y==null || y=="") { 
        alert("Mobile is missing"); 
        return false; 
        } 
        var y=document.forms["myForm"]["Email"].value; 
       if (y==null || y=="") { 
        alert("Mail is missing"); 
        return false; 
        } 
        } 
      </script> 

     </head> 
     <body> 
      <div id="background"> 
       <div id="Background"> 
        <div id="contact"> 
        <form name="myForm" method="post" accept-charset="UTF-8" action="http://clients.frontask.co.il/12137/Pages/Utilities/WebToLead.aspx?type=form" onsubmit="return validateForm()"> 
        <table border="0"> 
         <tbody> 
         <tr> 
         <td> 
         <input type="text" name="FirstName"/> 
         </td> 
         <td style="padding-right: 94px;"> 
         <input type="text" name="AccountName" /> 
         </td> 
         </tr> 
         <tr> 
         <td> 
         <input type="text" name="MobilePhone"/> 
         </td> 
         <td style="padding-right: 94px;"> 
         <input type="text" name="Title" /> 
         </td> 
         </tr> 
         <tr> 
         <td> 
         <input type="text" name="Email" /> 
         </td> 
         <td style="padding-right: 94px;padding-top: 11px;"> 
          <select name="Address"> 
           <option>1</option> 
           <option>2</option> 
           <option>3</option> 
           <option>4</option> 
           <option>5</option> 
           <option>6</option> 
          </select> 
         </td> 
         </tr> 
          <tr> 
         <td style="padding-top:5px;"> 
         <input type="checkbox" name="MailingList" checked="checked"/> 
         </td> 
         <td style="padding-right: 94px;padding-top: 11px;"> 
         <input type="submit" value="send" /> 
         </td> 
         </tr> 
         </tbody> 
         </table> 


        <input type="hidden" name="SystemID" value="2e1a82a2-350f-44fe-b571-0fc344f12fbf" /> 
    <input type="hidden" name="ProcessDefinitionStepID" value="PP60400279_0B8F_41F8_ABCC_15834568F4BE" /> 
    <input type="hidden" name="RedirectTo" value="" /> 
    <input name="enc" type="hidden" value="&#9760;" /> 
    <input type="hidden" name="UpdateExistingDetails" value="false" /> 
    <input type="hidden" name="ContactTypes" value="PM8BA799EF_23FF_4679_8484_D603E2DC8BB0" /> 


        </form> 

        </div> 
       </div> 

      </div> 
    </body> 
    </html> 

ответ

0

После подачи, используя нижеследующий код переназначайте страницу.

window.location.href = 'give the url which you want to redirect'; 

Добавьте к этому конец из validateForm()

alert("thank you for sending"); 
window.location.href = 'give the url which you want to redirect'; 
+0

Здравствуйте Praveen, спасибо за ваш ответ. Я попытался добавить код перед закрытием формы проверки, но ничего не изменилось, можете ли вы направить меня туда, где именно я должен поместить этот код? – Pavel

+0

@Pavel Вы можете проверить эту скрипку http://jsfiddle.net/8dwsK/. Дайте мне знать, если вам нужна помощь. – Praveen

Смежные вопросы