如何在IF语句中使用(this)选择元素

时间:2019-04-21 06:11:55

标签: javascript jquery html bootstrap-4

使用引导程序验证

这是我的JavaScript

我想做的就是这个

$("#create-form").submit(function(e) {

      if ($("input").val() = "") {
        $(this).addClass("is-invalid");
      }

    }

通过使用(this)我将引用$(“#create-form”) 但是想用$(this)引用Input,是否有可能? 我只是不想为每个输入重复if语句

1 个答案:

答案 0 :(得分:3)

首先以创建表单的形式获取所有输入项的列表

然后,您可以循环每个输入并检查val是否为空。

$("#create-form").submit(function(e){
  e.preventDefault();

  $("#create-form :input").each(function(){
     var input = $(this); // This is the jquery object of the input, do what you want
     if(input.val() == ""){
         input.addClass("is-invalid");
     }

  });


});