フォーム検証n

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>