已解決430363個問題，去搜搜看，總會有你想問的

文本區域內的框陰影

首頁猿問文本區域內的框陰影

文本區域內的框陰影

JavaScript

泛舟湖上清波郎朗 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 關注
190 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

文本區域內的框陰影

文本區域內的框陰影

1 回答

添加回答