Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/384.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
使用javascript边框颜色会消失_Javascript_Colors_Border - Fatal编程技术网

使用javascript边框颜色会消失

使用javascript边框颜色会消失,javascript,colors,border,Javascript,Colors,Border,我正在使用以下代码 if (theForm.textOne.value.trim() == "" || theForm.textTwo.value.trim() == "") { alert("part of the form is blank"); document.getElementById("textTwo").style.borderColor="red"; } 问题是当警报消失时,红色消失。如何使边框保持该颜色?要使边框显示,您需要的不仅仅是边框颜色:还需要边框样式和边框宽度 它还

我正在使用以下代码

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

问题是当警报消失时,红色消失。如何使边框保持该颜色?

要使边框显示,您需要的不仅仅是边框颜色:还需要边框样式和边框宽度

它还提供了一些库来帮助您操作html文档

看看这个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>

$(函数(){
$(“表格”)。提交(函数(){
var valid=true;
$(“form#text2,form#textOne”)。每个(函数(){
如果($(this).val().trim()==“”)
{
$(this.css(“边框”、“1px#ff0000实心”);
有效=错误;
}
});
如果(!有效){
警告(“表格部分空白”);
返回false;
}
});
})

要更加倾斜:

为了使边框更清晰,您需要的不仅仅是边框颜色,还需要边框样式和边框宽度

它还提供了一些库来帮助您操作html文档

看看这个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>

$(函数(){
$(“表格”)。提交(函数(){
var valid=true;
$(“form#text2,form#textOne”)。每个(函数(){
如果($(this).val().trim()==“”)
{
$(this.css(“边框”、“1px#ff0000实心”);
有效=错误;
}
});
如果(!有效){
警告(“表格部分空白”);
返回false;
}
});
})

要更加精益:

在函数完成执行后,不应删除样式。您是否在另一个区域中设置
textwo
元素的
borderColor
样式?不,它应该可以正常工作:。页面中有其他JavaScript吗?在函数完成执行后,不应删除样式。您是否在另一个区域中设置
textwo
元素的
borderColor
样式?不,它应该可以正常工作:。页面中还有其他JavaScript吗?谢谢。我忘记了返回错误;第二部分,谢谢。我忘记了返回错误;部分