最近一直在捣鼓着怎样还用图片按钮进行登陆的验证,还好皇天不负有心人,终于有了结果。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<script language="JavaScript">
function checkForm(){
var messageDiv = document.getElementById("msgDiv");
var userName = document.getElementById("username").value;
if (userName == ""){
messageDiv.innerHTML = "Error: username should be enter";
return false;
}
else{
var passWord = document.getElementById("password").value;
if (passWord == ""){
messageDiv.innerHTML = "Error: password should be enter";
return false;
}
else{
messageDiv.innerHTML = "";
return true;
}
}
}
</script>
</HEAD>
<BODY ><script language="JavaScript">messageDiv.innerHTML</script>
<form name="loginForm" action="login.html" method="post" οnsubmit="return checkForm()">
username:<input type="txt" name="username" id="username" value=""><br>
password:<input type="password" name="password" id="password" value=""><br>
<input name="submit" type="image" src="某张图片">
</form>
<div id="msgDiv" style="color:red"></div>
</BODY>
</HTML>