检查是否未设置输入字段和选择字段

时间:2018-08-04 16:32:00

标签: jquery

因此,我要遍历输入字段并选择选项以查看是否设置了它们。如果未设置,则添加一个类。但是问题在于选择选项将不起作用。这是代码:

 var isValid;
 $("input, select option").not("#poster-img").each(function() {
 var element = $(this);
  if (element.val() == "" || element.attr('data-id') == "not-set") {
    isValid = false;
  $(this).addClass('is-invalid');
 }
 });

<select>标签不起作用。我也希望能够向选择标签添加一个类。在一个查询中同时使用两个输入字段并选择标签是否明智?还是应该将二者分开?我之所以这样问,是因为我的输入字段is-invalid类不适用于选择的输入标签。

这里是JSFiddle

如小提琴所示,如果将data-id设置为not-set,则也将该类添加到select标记中。或者换句话说,如果什么也没选择(什么都不是,没有值),则添加is-invalid类。

1 个答案:

答案 0 :(得分:0)

您正在尝试验证<option>而不是<select>,这是不正常的

尝试更改为:

$("input, select").not...

或者可以使用快捷方式选择器:input

$(':input').not...