使用JavaScript边框颜色消失

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，你需要比边框颜色为它显示更多：你还需要边框样式和边框宽度

而且它的存在库，帮助您处理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/