Изменение границы входной границы с 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

Попробуйте установить ширину и стиль рамки.