主要是在JavaScript中通過循環(huán)form對象的elements屬性來實現(xiàn)。form對象的elements屬性也就是頁面中form表單的所有元素的數(shù)組，例如，form.elements[0]表示表單第一個元素對象，form.elements[n]表示表單第n個元素對象。

3.具體實現(xiàn)代碼

（1）新建index.jsp表單頁，該頁的表單中包含3個不允許為空的元素和一個提交按鈕，并且需要定義一個表單的id屬性值，關(guān)鍵代碼如下：

<form action="" id="myform">
<table align="center">
<tr>
<td>留言人：</td>
<td>
<input type="text" name="messageUser" title="留言人"> 
</td>
</tr>
<tr>
<td>留言標(biāo)題：</td>
<td>
<input type="text" name="messageTitle" title="留言標(biāo)題"> 
</td>
</tr>
<tr>
<td>留言內(nèi)容：</td>
<td>
<textarea rows="8" cols="45" title="留言內(nèi)容"></textarea>
</td>
</tr>
<tr>
<td align="center" colspan="2">
<input type="button" value="提 交" onclick="check()">
</td>
</tr>
</table>
</form>

（2）在該頁的<script>標(biāo)簽中編寫驗證表單元素的值不允許為空的方法，關(guān)鍵代碼如下：

function check(){
var myform = document.getElementById("myform"); //獲得form表單對象
for(var i=0;i<myform.length;i++){ //循環(huán)form表單
if(myform.elements[i].value==""){ //判斷每一個元素是否為空
alert(myform.elements[i].title+"不能為空！");
myform.elements[i].focus(); //元素獲得焦點
return ;
}
}
myform.submit();
}

在JavaScript中，form表單對象的elements屬性的value屬性表示指定元素的值；name屬性表示指定表單元素的名稱；title屬性表示表單元素的標(biāo)題。

以上所述是小編給大家介紹的檢查表單元素的值是否為空的實例代碼的相關(guān)知識，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！

您可能感興趣的文章: