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";

使用JavaScript无法更改输入边框颜色

2 个答案: