テキストボックスが空でないようにJavaスクリプトを使用する

Question

名前、年齢、生年月日のテキストボックスがあるフォームを作成しました。プロジェクトの一環として、私はJavaスクリプトを使用することになっています。だから私はテキストボックスが空であることを確認し、送信ボタンがクリックされたときに警告メッセージを表示するJavaスクリプト関数が必要です。私はJavaスクリプトに新しいです。助けてください。

Answer 1

以下

var textarea = document.querySelector('textarea'); // your textarea selector 

if(textarea.value == '') { 
    // show errors 
} else { 
    // submit 
} 

Answer 2

その方法を試してみては、これはjQueryのを使用して、行うことができる方法の例です。

window.onload = function(){ 
 

 
    $("#submit").click(function() { 
 
    var empty = 0; 
 
    $(".input").each(function() { 
 
     if($(this).val() == ""){ 
 
     $("#error").html("Error! Some fields are empty"); 
 
     empty = 1; 
 
     } 
 
    }); 
 
    
 
    if(empty == 0) 
 
     $("#error").html("OK!"); 
 
    }); 
 

 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="error"></div> 
 
Name: <input class="input" type="text" ><br> 
 
Age: <input class="input" type="text" ><br> 
 
DOB: <input class="input" type="text" ><br><br> 
 
<input type="submit" id="submit" value="Send">