我正在尝试使用 Javascript 检查文本框是否为空,并警告哪个文本框为空/无效。由于我使用的是Notepad++,所以我似乎找不到问题。
$(document).ready(function(){
$("#sButton").click(function(){
if( $('#demo').html().length == 0){
alert("Name part is empty!");
}
if( $('#demo2').html().length == 0){
alert("Surname part is empty!");
}
}
}
<body>
<p>Name:</p><div id="demo"> <input type="text" name="fname"></div>
<br><br>
<p>Surname:</p><div id="demo2"><input type="text" name="lname"></div>
<br><br>
<div><input type="submit" value="Submit" id="sButton"></div>
最佳答案
sButton
是一个 class
而不是 id
所以使用类选择器,希望这有帮助
$(document).ready(function(){
$(".sButton").click(function(){
if(! $(".name").val().trim()){
alert("Name part is empty!");
}
else if( ! $(".lname").val().trim()){
alert("Surname part is empty!");
}
else
alert("Form Submitted")
});
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<p>Name:</p><div id="demo"> <input class="name" type="text" name="fname"></div>
<br><br>
<p>Surname:</p><div id="demo2"><input class="lname" type="text" name="lname"></div>
<br><br>
<div><input type="submit" value="Submit" class="sButton"></div>
关于javascript - 尝试检查文本框是否为空并提醒用户,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55918729/