1

私は次のコードを使用しています...

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

問題は、アラートが消えると赤い色が消えることです。境界線をその色のままにするにはどうすればよいですか？

4

1 に答える 1

1

境界線を表示するには、境界線の色だけでなく、境界線のスタイルと境界線の幅も必要です。

また、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>

もっと身を乗り出すには：http：//jquery.com/

于 2012-09-17T20:19:45.993 に答える