Добавление стиля css в javascript

Question

Каков правильный синтаксис для добавления css в скрипт ниже в условии if?

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

Создать оболочку с идентификатором

<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');