为了账号安全,请及时绑定邮箱和手机立即绑定

仅 forEach 必填字段

仅 forEach 必填字段

慕斯王 2023-01-06 15:24:40

我已经能够在所有选择字段上成功执行 forEach,但我无法仅评估所需的选择。如何调整我的 js 以仅应用于必填字段?


<form>

<div>

<select required="true">

 <option value>- Select -</option>

 <option value>- option 1 -</option>

 <option value>- option 2 -</option>

</select>

</div>

<div>

<select required="true">

 <option value>- Select -</option>

 <option value>- sample 1 -</option>

 <option value>- sample 2 -</option>

</select>


</div>

<div><select>

 <option value>- Select -</option>

 <option value>- optional 1 -</option>

 <option value>- optional 2 -</option>

</select>

</div>

</form>

<script>

let check_inputs = js_form.querySelectorAll("select :checked");


[].forEach.call(sel_inputs, function (elm) {

    if (!elm.value) {

      not_pass = true;

      elm.closest(".usa-form-group").classList.add(error_container_class);

    } else {

      elm.closest(".usa-form-group").classList.remove(error_container_class);

    }

  });

</script>

但我的尝试总是正确的。我如何才能将该类应用于此 forEach 中的必填字段?


[].forEach.call(sel_inputs, function (elm) {

    if (!elm.value && !elm.hasAttribute("required")) {

      not_pass = true;

      elm.closest(".usa-form-group").classList.add(error_container_class);

    } else {

      elm.closest(".usa-form-group").classList.remove(error_container_class);

    }

  });


查看完整描述

1 回答

?
墨色风雨

TA贡献1609条经验 获得超6个赞

document.querySelectorAll("select[required=true]")用作元素选择器仅返回属性设置为的select元素。这使用 CSS 选择器,有关的更多信息可以在W3Schools上找到。requiredtrue

document.querySelectorAll("select[requred=true]").forEach(function(elem){
    // Function code here...
    });


查看完整回答
反对 回复 2023-01-06
  • 1 回答
  • 0 关注
  • 10 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信