文本区域内的框阴影

Question

有人知道如何修复它吗？如果 textarea (input type="text" not textarea) 值不为空，我在此代码中的主要目标是更改 box-shadow。如果它为空，则 box-shadow 的颜色将为 rgba(190, 0, 0, 0.75)。我所看到的：如果我写入输入值 =“任何东西”，这是有效的（If-else without 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保重

Answer 1

// Validation functionfunction validate(element) {&nbsp; const ErrorStyle = "inset 0px 0px 5px 5px rgba(190, 0, 0, 0.75)";&nbsp; const ValidStyle = "none";&nbsp; // Field value is invalid if length is 0 (true = has error)&nbsp; if (element.value.length === 0) {&nbsp; &nbsp; element.style.boxShadow = ErrorStyle;&nbsp; &nbsp; return&nbsp; }&nbsp; // Field value is valid if all tests above are false (no errors).&nbsp; element.style.boxShadow = ValidStyle;}// Get input fieldconst nameField = document.querySelector("#name");// Bind input event to validation functionnameField.addEventListener('input', function (event) { validate(event.target) });// Initial validation, comment out below to change to "lazy validation"validate(nameField);