改變輸入值的顏色

Question

我有登錄腳本，輸入電子郵件和密碼。 電子郵件輸入值設置為“電子郵件”，但是當它不正確時，我添加了一個腳本，將值更改為“電子郵件不正確”，但我希望它有紅色。 下面的代碼不起作用。 我該如何改變它？

<input id="email" type="text" name="logemail" placeholder="Email">


echo '<span class=\'wrong\'>
      <script>
      document.getElementById("email").value = "incorrect email";
      </script>
      </span>';

CSS：

.wrong{
color:red;
}

Answer 1

CSS會更改span元素中文本的值而不是文本框的輸入值。 從技術上講，您當前的代碼只會更改span元素的“innerHTML”的顏色而不是輸入元素的“value”。

更改

.wrong{
    color:red;
}

至

#email{
    color:red;
}

為了獲得理想的行為......

Answer 2

使用單獨的javascript函數動態添加類。

<script>
    function addClass(element, myClass) {
        element.className += ' ' + myClass;
}
</script>
<span class='wrong1'>
    <script>
        document.getElementById("email").value = "incorrect email";
        var foo = document.getElementById('email');
        addClass(foo, 'wrong');
    </script>
</span>