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

文本区域内的框阴影

文本区域内的框阴影

泛舟湖上清波郎朗 2022-06-09 16:33:51
有人知道如何修复它吗?如果 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保重
查看完整描述

1 回答

?
慕莱坞森

TA贡献1810条经验 获得超4个赞

// 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);


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

添加回答

举报

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