使用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

也嘗試設置邊框的寬度和樣式。

Answer 2

我猜它正在改變邊框的顏色，但是因為元素沒有邊框，所以沒有應用它，請嘗試：

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