将CSS样式添加到javascript中

Question

在if条件下将css添加到以下脚本中的正确语法是什么？

function validateEmail(emailField){
        var reg = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;

        if (reg.test(emailField.value) == false) 
        {
            alert('Invalid Email Address');
            return false;
        }

        return true;

Answer 1

创建ID为

的范围

<span id="emailMsg">Wrong Email format</span>

您可以在脚本中执行此操作

function validateEmail(emailField){
    var reg = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;

    if (reg.test(emailField.value) == false) 
    {
        document.getElementById('emailMsg').style.color = '#FF0000';
        return false;
    }

    return true;

请注意，我没有验证您的正则表达式。我只是添加了改变颜色的javascript。

Answer 2

使用JQuery，您可以使用.css()轻松修改任何元素，在本例中为 指定

$(emailField).css('color', '#F00');