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

当我关闭模态内部的表单重置，但不是样式，如果密码不匹配它得到一个红色的边框颜色，如果我关闭它保持不变?

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();
 });

<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").style.borderColor = "#ff2020";