我的表单会重置，但样式不会重置，答案

【问题标题】：My form resets but not the styles,我的表单会重置，但样式不会重置，
【发布时间】：2015-07-20 17:15:45
【问题描述】：

当我关闭模式时，里面的表单会重置，但样式不会重置，如果密码不匹配，它会得到红色边框颜色，如果我关闭它仍然保持不变？

JAVASCRIPT

function checkForm(){
var nameRg = document.getElementById("nameRg").value;
var ok = true;
if (nameRg == "") {document.get.ElementById("nameRg").style.borderColor="#ff2020";
  ok = false;}
 return ok;
};
 $(.modal).on('hidden.bs.modal', function(){
$(this).find('form')[0].reset();
 });

HTML

<form action="post" onsubmit="return checkForm()"> 
    <div class="form-group register-group register-name-group"> 
    <label for="name">Name :</label> 
    <input id="nameRg" type="text" class="form-control" name="name" placeholder="eg. Leutrim Osmani"> 
    </div> 
</form>

【问题讨论】：

您的意思是document.getElementById("nameRg") 而不是document.get.ElementById("nameRg")？你能告诉我们你的 HTML 吗？
是的，这个网站自动生成了点：S
link
@LeutrimOsmani 请在您的原始帖子中发布 HTML，而不是在 cmets 中。

标签： javascript forms twitter-bootstrap styles

【解决方案1】：

reset() 方法只重置表单的输入值。您将不得不手动重置样式。所以在你的模态关闭事件函数中，你必须有这样一行来将边框颜色重置为默认值：

document.getElementById("nameRg").style.borderColor = "#ff2020";

【讨论】：