js设置placeholder

问题：当用户输入表单信息不合法是加亮placeholder

首先将加亮后的信息写在css指定的类里如：.error

.error:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: red;
    font-weight: bold;  
}

.error::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: red;
    font-weight: bold;  
}

input.error:-ms-input-placeholder{
    color: red;
    font-weight: bold;  
}

input.error::-webkit-input-placeholder {
    color: red;
    font-weight: bold;  
}

当用户输入的信息不合法是便添加这个class，如jq里这样写

$('#username').addClass('error'); 
$('#username').get(0).value='';    //清空提交的不合法数据