मैं सभी चुनिंदा क्षेत्रों में प्रत्येक के लिए सफलतापूर्वक प्रदर्शन करने में सक्षम हूं लेकिन मैं केवल आवश्यक चयनों का मूल्यांकन नहीं कर सकता। मैं अपने जेएस को केवल आवश्यक फ़ील्ड पर लागू करने के लिए कैसे समायोजित कर सकता हूं?

<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.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);
    }
  });
0
arkjoseph 14 अगस्त 2020, 19:42

1 उत्तर

सबसे बढ़िया उत्तर

अपने तत्व चयनकर्ता के रूप में document.querySelectorAll("select[required=true]") का उपयोग करके केवल select तत्व लौटाते हैं जिनमें required विशेषता true पर सेट है। यह CSS चयनकर्ताओं का उपयोग करता है और इसके बारे में अधिक जानकारी W3Schools पर पाई जा सकती है।

document.querySelectorAll("select[requred=true]").forEach(function(elem){
    // Function code here...
});
1
The Otterlord 14 अगस्त 2020, 17:03