jsp页面javascript中用document.getElementById(" ").value无法获取相应text的值

<!--                       Javascripts                       -->
  
<!-- jQuery -->
<script type="text/javascript" src="resources/scripts/jquery-1.3.2.min.js"></script>

<!-- jQuery Configuration -->
<script type="text/javascript" src="resources/scripts/simpla.jquery.configuration.js"></script>

<!-- Facebox jQuery Plugin -->
<script type="text/javascript" src="resources/scripts/facebox.js"></script>

<script type="text/javascript">
function yanzheng(){
var name=document.getElementById('depName').value;
alert(name);
if(name==""){
alert("部门名不能为空！！！");
return false;
}
}

</script>


<div id="adddepart" style="display: none"> <!--新增部门-->

<h3 align="center">新增部门</h3>

<form name="addpart" action="#" method="post" οnsubmit="return yanzheng()">
<p align="center">
<strong>部门名称:</strong>
<input id="depName" type="text" name="dep.departName" placeholder="请输入部门名称" />
</p>

<p align="center">
<strong>部门描述:</strong>
<input type="text" name="dep.departDesc" />
</p>
<p align="right">
<input class="button" type="submit" value="提交"/>
</p>
</form>

</div> <!-- End #adddepart -->


//是不是导入的JS文件的原因，将这个document.getElementById(" ").value给屏蔽掉了？