我正在做表单验证。当表单输入不正确时,我会在文本框中添加一个红色边框:
document.getElementById("fName").style.borderColor="#FF0000"
然后这给了我一个 2px 的红色边框。我想要做的是,如果用户输入正确的值以返回到原始边界...
谁能告诉我如何在 javascript 中更改边框大小和颜色
最佳答案
改用 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
我提到这个的主要原因是假设您想更改错误元素边框的颜色。如果您选择自己的方式,您可能需要修改代码中的许多地方。如果您选择我的方式,您可以简单地编辑样式表。
关于javascript - 使用javascript更改文本框边框颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5782857/