Question

我有登录脚本，其中输入电子邮件和密码。电子邮件输入值已设置＆＃34;电子邮件＆＃34;但是当它不正确时，我添加了一个脚本，将值更改为＆＃34;电子邮件不正确＆＃34;但我希望它有红色。下面的代码不起作用。我该如何改变呢？

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

改变输入值的颜色

2 个答案: