Question

我使用以下代码......

if (theForm.textOne.value.trim() == "" || theForm.textTwo.value.trim() == "")
{
alert("part of the form is blank");
document.getElementById("textTwo").style.borderColor="red";
}

问题是当警报消失时，红色会消失。如何让边框保持这种颜色？

Answer 1

为了使边框成为apear，你需要的不仅仅是border-color才能显示：你还需要border-style和border-width

此外，它还存在帮助您操作html doccument的库

看看这个JQuery的优点：

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<script type="text/javascript">
   $(function(){
      $("form").submit(function() {
        var valid = true;
        $("form #textTwo, form #textOne").each(function(){
           if ($(this).val().trim() == "")
           {
              $(this).css("border","1px #ff0000 solid");
              valid = false;
           }
        });
        if(!valid){
           alert("part of the form is blank");
           return false;
        }
      });
   })
</script>

更倾向于：http://jquery.com/

使用javascript边框颜色消失

1 个答案: