Javascript 使用js onclick更改输入类型颜色 函数valid（）{ document.getElementById（“name”）.style.borderColor=“#ef0000”； }

究竟为什么这个代码不起作用？我看到一片红色，边界又回到了最初的状态。我真的很抱歉，伙计们。我知道这是重复的（我甚至在这里找到了至少一个可行的解决方案：）我只是想知道我的代码出了什么问题，为什么它会返回到初始状态

它会返回到初始状态，因为您正在单击提交按钮。它的默认行为是提交刷新页面的

表单

。如果只想更改

边框颜色

，则需要覆盖该默认行为。 比如：

<script>
function valid() {
    document.getElementById("name").style.borderColor = "#ef0000";
}
</script>

<form method="post" action="">
<input type="text" name="name" id="name">
<input  type="submit" onclick="valid()" value="click">
</form>

函数有效（e）{
document.getElementById（“name”）.style.borderColor=“#ef0000”；
e、 预防默认值（）；
}

它会返回到初始状态，因为您正在单击提交按钮。它的默认行为是提交刷新页面的

表单

。如果只想更改

边框颜色

，则需要覆盖该默认行为。 比如：

<script>
function valid() {
    document.getElementById("name").style.borderColor = "#ef0000";
}
</script>

<form method="post" action="">
<input type="text" name="name" id="name">
<input  type="submit" onclick="valid()" value="click">
</form>

函数有效（e）{
document.getElementById（“name”）.style.borderColor=“#ef0000”；
e、 预防默认值（）；
}

因为点击submit会劫持您提交代码的操作。而不是运行您的函数。因为通过点击submit，它会劫持您提交代码的操作。而不是运行你的函数。