1. 程式人生 > >是有JavaScript判斷表單元素是否為空

是有JavaScript判斷表單元素是否為空

寫一個JavaScript函式checkNull()用來判斷表單元素是否為空,如果為控返回false

	<script type="text/javascript">
  		function checkNull(form){
			for(i=0;i<form.length;i++){
				if(form.elements[i].value == ""){ //form屬性的elements的首字母e要小寫
					alert("很抱歉," + form.elements[i].title + "不能為空^-^");
					form.elements[i].focus();	//當前元素獲取焦點
					return false;
				}
			}
  	  	}
  	</script>
表單程式碼:
<form action="" method="post" onSubmit="return checkNull(this)">
  		<table>
	  		<tr>
	  			<td>使用者名稱:</td>
	  			<td>
	  				<input type="text" name="username" title="使用者名稱">
	  			</td>
	  		</tr>
	  		<tr>
	  			<td>密碼:</td>
	  			<td>
	  				<input type="password" name="password" title="密碼">
	  			</td>
	  		</tr>
	  		<tr>
	  			<td colspan="2">
	  				<input type="submit" value="登入">
	  			</td>
	  		</tr>
  		</table>
  	</form>