JavaScriptで入力枠の色を変更できない

Question

私はSOに関するいくつかの質問を読みました。私は正しいことをしていると信じていますが、それでも動作していません！

レガシーコードのように普通の古いJavaScriptを使用していますが、おそらくjQueryも使用する必要があります。

私は形式である私のフォーム（しゃれが意図していない）があります。

<form action="submit.php" method="post" name="myForm" onsubmit="return validateInfoForm()"> 
    <input type="text" class="boxes" name="Forename" id="Forename" placeholder="Forename" /> 
    .... 
</form> 

JS

function validateInfoForm() 
{ 
    var b=document.forms["myForm"]["Forename"].value; 
    var c=document.forms["myForm"]["Surname"].value; 
    var f=document.forms["myForm"]["Postcode"].value; 
    var g=document.forms["myForm"]["Telno"].value; 
    var h=document.forms["myForm"]["Email"].value; 

    if (b==null || b=="") 
{ 
    alert("Enter Forename"); 
    document.getElementById('Forename').style.borderColor = "#FF0000"; 

    // before it was using document.forms["myForm"]["Forename"] as the selector but I changed it to try and get it to work. It was also doing .focus() rather than changing the border colour. 

    return false; 
} 

がエラーを受信して​​いません、私は単純に警告ボックスを取得し、私のカーソルは入力内に置かれます。なぜなら、プレースホルダを削除しているからです。それは.focus()を削除して代わりに色を変更しようとしているからです。

アイデア？

Answer 1

私はそれが境界線の色を変えています推測しているが、要素が境界線を持っていないので、それは試す適用していない：

document.getElementById('Forename').style.border = "1px solid #ff0000"; 

Answer 2

境界線の幅とスタイルも設定してみてください。