onSubmit=“return checkForm()； “为什么没有正确执行

源代码：

 <form  action="exp3cyj2018012173/servlet" method="POST" onSubmit="return checkForm();">
 		<tr>
			<td>用户名：</td>
			<td><input type="text" name="username"></td>
			<td><span id="tips_name"></span></td>
		</tr>
</form>
<script type="text/javascript">
function checkForm(){
if(document.getElementById("username").value==""){
						document.getElementById("tips_name").innerHTML= "用户名不能为空";
						document.getElementById("tips_name").style.color="red";
						return false;
						}
					else{	
						return true;
						}
}
</script>

问题 :
getElementById()找的是id的值，input中没有加id=""，在jsp中无所谓 在html中必须要

解决方法：
<input type="text" name="username" id="username">