2014-02-09 35 views
0

我知道這是一個基本的東西,但只是開始傢伙。需要輸入並具有if功能的HTML表格

所以我需要創建一個帶有設置頁面標題,設置主標題,表單輸入字段和輸入按鈕的表單。當單擊輸入按鈕時,程序必須檢查輸入字段中輸入的年齡,並在17歲以下顯示一條消息,如果超過17歲則顯示另一條消息。

這是我的代碼 - 如果函數只是不工作 - 任何想法?

<html> 
    <head> 
     <title>Name of set title</title> 
     <script language="javaScript"> 
     function AgeLimits() 
     { 
      if(yourage>=17) document.write("You are old enough to drive"); 
      else document.write("You are too young to drive"); 
     } 
     </script> 
    </head> 
    <body> 
    <h1>Name of set question</h1> 
    <p>Please enter your age below</p> 
    <hr/> 
    <form name="Name of set question"> 
     <p><input type="text"length="3"name="yourage"></p> 
     <p><input type="button"value="Enter"onClick="AgeLimits();"></p> 
     <hr/> 
    </form> 
    </body> 
</html> 
+0

定義「不工作」。怎麼了? JavaScript錯誤控制檯說什麼? – Quentin

+0

作爲一個經驗法則,無效的HTML不會*幫助*,因此請確保[在HTML中找到錯誤](http://validator.w3.org)並解決它們。 – Quentin

+0

你需要從輸入中獲得你的價值並將其設置爲javascript var –

回答

1

您需要選擇的元素來獲得用戶鍵入的值:

<html> 
<head> 
<title>Name of set title</title> 
<script language="javascript"> 
    function AgeLimits() 
    { 
     var yourage = document.getElementById("yourage").value; 

     if (yourage >= 17) 
      alert("You are old enough to drive"); 
     else 
      alert("You are too young to drive"); 
    } 
</script> 
</head> 

<body> 
    <h1>Name of set question</h1> 
    <p>Please enter your age below</p> 
    <hr /> 

    <form method="post"> 
     <p><input type="text" length="3" id="yourage"></p> 
     <p><input type="button" value="Enter" onclick="AgeLimits()"></p> 
    </form> 
    <hr /> 
</body> 
</html> 
0

這不是一種方式來獲得在文本框輸入的文本。正確的方法是document.getElrmentByName('yourage').value。由於u的檢查這是沒有定義的條件變量的值總是執行else部分

0

的功能應該是這樣的

function AgeLimits() 
{ 
    var yourage=document.getElementById("age").value; 
    if(yourage>18) 
     window.alert("You are eligible to vote"); 
    else 
     window.alert("You are not eligible.Sorry") 
} 

一個屬性id="age"添加到文字輸入!

相關問題