2015-11-08 51 views
0

我的JavaScript有什麼問題?我想在驗證字段旁邊顯示一條錯誤消息,但它不顯示任何內容。JavaScript表單驗證沒有提示

function validate() { 
 
    if (document.myform.firstname.value == "") { 
 
     document.getElementById('errorFirstname').innerHTML = "Error"; 
 
     return false; 
 
    }
<!DOCTYPE html> 
 
<html> 
 

 
<head> 
 
    <link rel="stylesheet" href="style.css"> 
 
    <script type="text/javascript" src="jsformular.js"></script> 
 
    <meta charset="utf-8"> 
 
</head> 
 

 
<body> 
 
    <div id="formBody"> 
 
    <form name="myform" onsubmit="return validate()" method="post"> 
 
     <div class="formField"> 
 
     <div class="formFieldElement"> 
 
      <label for="firstname">Firstname:*</label> 
 
     </div> 
 
     <div class="formFieldElement"> 
 
      <input type="text" name="firstname"> 
 
     </div> 
 
     <div class="formFieldElement formError" id="errorFirstname"></div> 
 
     </div> 
 
    </form> 
 
</body> 
 

 
</html>

回答

1

你失去}在驗證功能

function validate() { 
    if (document.myform.firstname.value == "") { 
     document.getElementById('errorFirstname').innerHTML = "Error"; 
     return false; 
    } 
} 

它的工作

0

你失蹤在你的函數結束時關閉支架。

function validate() { 
    if (document.myform.firstname.value == "") { 
     document.getElementById('errorFirstname').innerHTML = "Error"; 
     return false; 
    } 
} 

當我在該字段中沒有輸入任何內容並且敲回車鍵時,它顯示錯誤消息。

爲了在將來找到類似問題,我強烈建議您使用Chrome或Firefox附帶的開發者控制檯。它立即用以下錯誤消息標記了錯誤:

Uncaught SyntaxError: Unexpected end of input