2011-08-11 11 views
0

私は、HTML5フォームを作成しているし、今送信ボタンのクリック時に私は、JavaScript関数を呼び出します。私は次の(「success.html」または「error.html」)(それぞれ、真または偽)関数から返された値に基づいて表示するページを決定します。私はそれを達成するにはどうすればよいです....私は..あなたは、私はHTMLとJavaScriptで新しいです察しの通り、...このためのコードは次のようJavaScript関数の戻り値に基づいて転送先アドレスを決定する方法は?

<!DOCTYPE html> 
<html> 
    <head> 
     <title></title> 
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
     <script src="http://code.jquery.com/jquery-1.6.2.js"></script> 
     <script> 
      function submitData(){    
       var browserName = navigator.appName; 
       if (browserName=="Microsoft Internet Explorer") 
       { 
        var emailId = document.getElementById("emailId").value; 
        var filter = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/; 
        if (!filter.test(emailId.value)) {      
         alert('Please provide a valid email address'); 
         emailId.focus; 
         return false; 
        } 
       }else{ 
        alert("This is not IE. You are lucky. Your browser is : "+browserName); 
       }     
       return true; 
      } 
     </script> 
    </head> 
    <body> 
     <form id ="myForm" action ="success.html" method="get" onsubmit="return submitData()" onerror="error.html"> 
      <h1 style="color: darkgoldenrod"> Registration Form </h1> 
      Name : 
      <input id ="nameId" type="text" autofocus="true" placeholder="Enter your Name " required="true"/> <br/> 
      email ID : 
      <input id ="emailId" type="email"/> 
      Age : 
      <input type="number" min="18" max="70" step="1" value="26"> 
      <input type="submit" name="submit" /> 
     </form> 
    </body> 
</html> 

感謝を書かれているので、任意の助けを本当に理解されるであろう。.. 。

答えて

1

トリックを行う必要がありsubmitData後、<script>内部に次のコードを追加は。

$(function(){ 
    $('#myForm').submit(function(e) { 
     if (!submitData()) { 
      $(this).attr('action', 'error.html'); 
     } 
    }); 
}); 
+0

感謝....しかし、この関数が呼び出されますか... – aProgrammer

+0

コードのdoesntの仕事は....「行方不明:プロパティIDの後に」エラーを投げて....私は)SubmitData(後に別の

1

ない、これはあなたがするつもり何ですが、ここではそれが行くかどうかわから: (緩い構文については申し訳ありません)

// b is true or false 
function goTo(b){ 
    if(b){ 
    //go to 1.html 
    }else{ 
    //go to 2.html 
    } 
} 

function submitData(){ 
    //do something 
    //result = true/false .... 

    goTo(result); 
} 
関連する問題