document是一個集合(collection)
透過onclick來呼叫JS的方法(html屬性是件)
id是唯一值
name可能重複
alter只接一個參數
document.表單名稱.欄位名稱.value：取得欄位值
document.form[0].欄位名稱.value：要用這種方法，需要先在外面有包form，看有幾個form、要拿第幾個來決定後面[]內的數字
document.getElementsByName("欄位名稱")[0].value
document.getElementById("欄位名稱").value
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>02checkAge.html</title>
<script>
function checkAge() {
//var theAgeObj = document.getElementById("iAge");//完整版，產生一個Object物件
//var theAgeVal = theAgeObj.value;//可以使用一個value方法取得輸入的值
//alert(theAgeVal)//會出現輸入值
//var theAge = document.getElementsByName("txtAge")[0].value;
//var theAge = document.myform.txtAge.value;
//var theAge = document.forms[0].txtAge.value;
var theAge = document.getElementById("iAge").value;
//以上方法皆可用來設定，但建議使用第四個
if(isNaN(theAge))
alert("請輸入數字")
else if(theAge=="")
alert("不可以空白")
else
alert(theAge)
}
</script>
</head>
<body>
<form name="myform">
Age:<input type="text" id="iAge" name="txtAge" size="3" maxlength="3" />
<br />
<input type="button" value="checkAge" onclick=checkAge(); />
</form>
</body>
</html>
留言列表
【前端網頁開發技術】 (4)
