<script type="text/javascript"> var c = document.getElementById("textId").value; function fun(){ if(c==""){ alert("1"); document.getElementById("spanId").innerHTML="用户名不能为空"; return false; } return true; }</script></head><body> <form action="submitJsp.jsp" method="post" onsubmit="return fun()"> <table> <tr> 用户名： <input type="text" id="textId" name="textName" /> </tr> <span id="spanId"></span>
<tr> 密码： <input type="password" id="passwordId" name="passwordName"/> </tr>
<input type="submit" value="提交"/> </table> </form></body></html>
浏览器从上往下执行html，你的代码将js代码放在head里面，也没有设置等页面加载完就执行脚本的函数，所以document.getElementById("textId")是获取不到值的，建议将脚本放在body的最下面，页面加载完之后执行脚本