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>

arrow
arrow
    全站熱搜

    乙方 發表在 痞客邦 留言(0) 人氣()

    E-mail轉寄