表單驗證

Question

我試圖從用戶輸入框中創建一個簡單的表單驗證。如果用戶沒有在文本框中輸入任何內容，我正嘗試創建警報。下面是HTML：

<div id="block3"> 
    <input type="text" name="form" id="FAQS_list" 
      placeholder="Enter Number Here"/> 
    <button value="Click" onclick="listFAQS()" onSubmit="return validateForm()"> 
     Click 
    </button> 
    <script src="expExternal.js" type="text/javascript"></script> 
</div> 

這裏是JavaScript：

function validateForm() { 
    var y = document.getElementById("form").value; 
    if (y == "") { 
     alert("Please enter a number!"); 
     return false; 
    } 
} 

我不能告訴我做錯了什麼在這裏，但在文本框留空，沒有警報彈出。任何幫助，將不勝感激！

Answer 1

做到這一點的變化：

var y = document.getElementById("FAQS_list").value; 

您輸入的ID FAQS_list，而不是名字。

function validateForm() { 
 
    var y = document.getElementById("FAQS_list").value; 
 
    if (y == "") { 
 
    alert("Please enter a number!"); 
 
    return false; 
 
    } 
 
}

<div id="block3"><br/><br/> 
 
    <p id="p01"> 
 
    Enter a number (up to 3): 
 
    <input type="text" name="form" id="FAQS_list" placeholder="Enter Number Here" />, and 
 
    <button value="Click" onclick="validateForm()" onSubmit="return validateForm()">Click</button> to see that many Frequently Asked Questions.<br/><br/><br/></p> 
 
    <p id="FAQS"></p> 
 
    <script src="expExternal.js" type="text/javascript"></script> 
 

 
</div>