快捷導(dǎo)航

檢查表單元素的值是否為空的實(shí)例代碼

更新時(shí)間：2016年06月16日 15:48:05 作者：柯南&

這篇文章主要介紹了檢查表單元素的值是否為空的實(shí)例代碼的相關(guān)資料,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下

1.概述

在實(shí)際的開發(fā)過程中，經(jīng)常需要判斷用戶提交的表單中某個(gè)元素的值是否為空，還有一種情況是表單中所有元素的值都不允許為空。本實(shí)例將介紹一種簡(jiǎn)單有效的判斷表單中所有元素是否為空的方法。

2.技術(shù)要點(diǎn)

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

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

（1）新建index.jsp表單頁，該頁的表單中包含3個(gè)不允許為空的元素和一個(gè)提交按鈕，并且需要定義一個(gè)表單的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)簽中編寫驗(yàn)證表單元素的值不允許為空的方法，關(guān)鍵代碼如下：

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

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

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

您可能感興趣的文章: