Question

我正在尝试这样做：如果$（'＃name'）为空（）警报（“输入有效输入”）我猜我正在做这样的事情吗？

if $('#name') == empty() { 
alert("enter valid input");
}

我想使用一个函数，这样我就可以一遍又一遍地重复使用同一函数。我意识到我可以不使用切换功能而单独键入它。像这样的文章：Check if inputs are empty using jQuery似乎没有使用switch或function方法。

function empty(e){
    switch (e) {
    case "":
    case 0:
    case "0":
    case null:
    case false:
    case typeof this == "undefined":
        return true
    default: return false 

    }
    }

</script>

 $(document).on('click','#add_btn',function (){
           if $('#name') 
         $.ajax({
                type:'POST',
                url:'add.php',
                //dataType: "json",
                data: {
                    "name": $('#name').val(),
                    "coffee": $('#coffee').val(),
                }, 
                success: function(data){ 
                    alert(data);
                    if (data=='ADD_OK') {
                      location.reload();
                    } else {
                         alert('something wrong');
                    }
                      }
                 })
            });
    </script>

Answer 1

好的，让我帮你清理一下烂摊子。

首先，我们重写空函数以更好地工作和更好地外观：

function empty(value) {
   return value === null || value === "" || value === undefined || (value.isArray ? value.length == 0 : false)
}

现在让我们假设您有两个输入，并且想要检查它们的值：

<input id="input1" type="text" />
<input id="input2" type="text" />

现在，通过使用jQuery，您可以选择这些输入并将其值发送到空函数：

var ids = ['input1' , 'input2'];
for (let id of ids) {
   if (empty($('#' + id).val())) {
      alert("The input: " + id + " is empty!");
   }
}

几乎就是全部，一个可重用的函数来检查值是否为空

Answer 2

这是完整的解决方案，这要感谢那些发布以下内容的人：

function empty(value) {
   return value === null || value === "" || value === undefined || (value.isArray ? value.length == 0 : false)
}
</script>

<script type="text/javascript"> 

        $(document).on('click','#add_btn',function (){
            var ids = ['name'];
for (let id of ids) {
    if (empty($('#name').val())) {
    alert("Input: "  +id+ " is not a valid input");
  }
   if (!empty($('#name').val())) {
         $.ajax({
                type:'POST',
                url:'add.php',
                //dataType: "json",
                data: {
                    "name": $('#name').val(),
                    "coffee": $('#coffee').val(),
                }, 
                success: function(data){ 
                    alert(data);
                    if (data=='ADD_OK') {
                      location.reload();
                    } else {
                         alert('something wrong');
                    }
                      }
                 })
   } }
            });
    </script>

Answer 3

if ($('#name').val() === undefined || $('#name').val().length == 0){ 
   alert("enter valid input");
}

假设您输入的$('#name')是html输入。第一个条件检查输入是否在这里

使用Jquery在输入上使用“ is empty”功能

3 个答案: