使用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">