2011-08-11 4 views
0

HTML5 양식을 작성했으며 제출 버튼을 클릭하면 JavaScript 기능이 호출됩니다. 함수에서 반환 된 값 (각각 true 또는 false)에 따라 다음에 표시 할 페이지 ("success.html"또는 "error.html")를 결정하고 싶습니다. 나는 그것을 달성하려면 어떻게 .... 내가 ... 내가 HTML과 자바 스크립트에 새로운 오전 짐작으로 ... 이것에 대한 코드를 다음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

<script> 안에 다음 코드를 추가하면 submitData 후에 트릭을 수행해야합니다. 이것은 당신이하고자하는 것입니다하지만 여기가는 경우

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

감사합니다 ....하지만이 기능이 어떻게 호출됩니다 ... – aProgrammer

+0

코드가 작동하지 않습니다. "missing : after property 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); 
} 
관련 문제