क्या किसी के पास इसकी मरम्मत के बारे में कोई जानकारी है? इस कोड में मेरा मुख्य लक्ष्य बॉक्स-छाया को बदलना है यदि टेक्स्टरेरा (इनपुट प्रकार = "टेक्स्ट" टेक्स्टरेरा नहीं) मान खाली नहीं है। और अगर यह खाली है तो बॉक्स-छाया का रंग rgba(190, 0, 0, 0.75) होगा। मैंने जो देखा है: अगर मैं इनपुट वैल्यू = "कुछ भी" में लिखता हूं तो यह काम कर रहा है (यदि AddEventListener के बिना)। मैं इसे लाइव नहीं कर सकता, यदि आप जानते हैं कि मेरा क्या मतलब है। यहाँ कोड है:

    let status1 = document.querySelector("#name");

    status1.addEventListener('change value', function(){
            if (status1.value==""){
                status1.style.boxShadow="inset 0px 0px 5px 5px rgba(190, 0, 0, 0.75)";
            }else {
                status1.style.boxShadow="none";
            }
        }); 

तो अगर आप मेरी मदद करेंगे तो मैं इसकी बहुत सराहना करूंगा <3 ध्यान रखना

0
Marcin Böhm 1 अप्रैल 2020, 16:42

1 उत्तर

सबसे बढ़िया उत्तर
// Validation function
function validate(element) {

  const ErrorStyle = "inset 0px 0px 5px 5px rgba(190, 0, 0, 0.75)";
  const ValidStyle = "none";

  // Field value is invalid if length is 0 (true = has error)
  if (element.value.length === 0) {
    element.style.boxShadow = ErrorStyle;
    return
  }

  // Field value is valid if all tests above are false (no errors).
  element.style.boxShadow = ValidStyle;

}

// Get input field
const nameField = document.querySelector("#name");

// Bind input event to validation function
nameField.addEventListener('input', function (event) { validate(event.target) });

// Initial validation, comment out below to change to "lazy validation"
validate(nameField);
0
Marc 1 अप्रैल 2020, 14:06