Question

我创建了一个表单，其中包含名称，年龄和出生日期的文本框。作为项目的一部分，我应该使用java脚本。所以我需要一个java脚本函数来检查文本框是否为空，并在单击提交按钮时显示警告消息。我是java脚本的新手。请帮助。

Answer 1

试试这种方式

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

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

Answer 2

以下是使用jQuery如何完成此操作的示例。

＆＃13;

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!");
  });

}

＆＃13;

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

＆＃13;

使用java脚本确保文本框不为空

2 个答案: