使用javascript更改文本框边框颜色

Question

我正在进行表单验证.当表单输入不正确时,我在文本框中添加一个红色边框:

document.getElementById("fName").style.borderColor="#FF0000"

这给了我一个2px的红色边框.我想要做的是如果用户putas正确值回到原始边框...

谁能告诉我如何在javascript中更改边框大小和颜色

Answer 1

请改用CSS类使用CSS样式

CSS

.error {
  border:2px solid red;
}

现在在Javascript中

document.getElementById("fName").className = document.getElementById("fName").className + " error";  // this adds the error class

document.getElementById("fName").className = document.getElementById("fName").className.replace(" error", ""); // this removes the error class

我提到这个的主要原因是假设您想要更改错误元素边框的颜色.如果您选择自己的方式,则可能需要修改代码中的许多位置.如果选择我的方式,您只需编辑样式表即可.

Answer 2

document.getElementById("fName").style.border="1px solid black";

Answer 3

你可以试试

document.getElementById('name').style.borderColor='#e52213';
document.getElementById('name').style.border='solid';

Answer 4

document.getElementById("fName").style.borderColor="";

只需将边框颜色改回即可。

要更改边框大小，请使用element.style.borderWidth = "1px"。