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