行內驗證不起作用

Question

在此網頁中，我應用了在線驗證但它不起作用。

在JSP代碼：

<tr><td><label style="color: red;">*</label>Book No</td> 
    <td><input type="text"                     size="20"           name="book_no"             
    id="book_no"       onchange="changeImg()"/></td> 
    <td><img id="right" height="20px" src="right.jpg" style="display:none"/> 
    <img id="wrong" height="20px" src="wrong.jpg" style="display:none"/></td> 
    </tr> 

Inside Javascript page: 
    function changeImg(){ 
if(document.getElementById('book_no').value!=""){ 
    document.getElementById('right').style.display="block"; 
    document.getElementById('wrong').style.display="none"; 

} 
else{ 
    document.getElementById('right').style.display="none"; 
    document.getElementById('wrong').style.display="block"; 

    } 

}

Answer 1

替換

onchange="changeImg()" 

與

onchange="this.changeImg()" 

這個原因起作用的原因是因爲這個設置爲窗口您的函數存在的對象。

Answer 2

 //javascript code 
function ValidateForm() 
     { 
      if(document .getElementById("<%=book_name.ClientID %>").value=="") 
      { 
       alert("Please Enter book Name"); 
       book_name.focus(); 
       return false; 
      } 

      return true; 
     } 
//aspcode 
    <asp:Button ID="Submit" runat="server" Text="Submit" OnClientClick="return ValidateForm();" />