javascript - 内联验证不起作用

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

      //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();" />

Answer 2

代替

onchange="changeImg()"

和

onchange="this.changeImg()"

之所以起作用，是因为它被设置为您的函数所在的窗口对象。