2015-08-27 15 views
0

我試圖得到一個警報,如果我離開一個空的領域,但它不工作,它只是沒有調用該函數去下一步。我忘了把「的onsubmit =」返回確認()」我的代碼有什麼問題,是不是調用函數,JSP

<%@page contentType="text/html" pageEncoding="UTF-8"%> 
    <!DOCTYPE html> 
    <html> 
     <head> 
      <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
      <title>JSP Page</title> 
      <script type =text/javascript> 
       function validation() { 

         var errormessage = ""; 

        if (document.getElementById('firstName').value == "") { 
         errormessage += "please enter the firstname \n"; 
         document.getElementById("firstName").style.borderColor =   "red"; 

        } 

    if (errormessage != "") { 

        alert(errormessage); 
        return false; 

       } 

      } 
     </script> 
</head> 

<body> 
    <form action ="anotherpage.jsp" method="post" autocomplete="on"  onsubmit="return validation()> 
        Firstname:<input type="text" id="firstName" name="name" value= "   <%=name%>" /> 
       <br> 



     <input type="submit" value="Next Step" name="nextStep" /> 
     </form> 

    </body> 
    </html> 
+2

那麼,你永遠不會在任何地方調用'validation()'。 –

+0

另外,如果你不想讓它自動移動,你需要防止'submit'按鈕的默認行爲 –

+0

對不起,我忘記把「onsubmit =」return validation()「...調用函數, –

回答

0

請加引號也script標籤

<script type="text/javascript"> 

嘿,你是不是要求驗證功能

內更換此您的表格

Firstname:<input type="text" id="firstName" name="name" value= "<%=name%>" /> 

與此並再次測試

Firstname:<input type="text" id="firstName" name="name" onsubmit="return validation();" value= "<%=name%>"/> 
+0

onsubmit屬性在你的表單被提交給服務器之前被調用,在這個函數中你應該調用你的客戶端驗證函數 –

+0

如果驗證函數將返回true,那麼你的表單將被提交,否則它將不會被提交 –

+0

在驗證函數頂部添加一個提醒檢查它的工作與否] –