2017-04-15 54 views
-1

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

回答

0

尝试这种方式

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

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

下面是如何可以这样做,使用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">

+0

感谢名单bro..let我试试这个one..and会让或u知道,如果我得到一个错误,如果我有任何疑问.. –