js控制input的placeholder文字颜色

<input class="yxw_val_inp2" type="text" name="name" maxlength="5" placeholder="请输入您的姓名" id="name">

.invalid:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: red;  
}

.invalid::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: red;
}

input.invalid:-ms-input-placeholder{
    color: red;
}

input.invalid::-webkit-input-placeholder {
    color: red;
}

$("#phone").val("");
$("#phone").attr('placeholder',"手机号格式有误");
$("#phone").addClass("yxw_val_inp2 tel invalid");
$("#phone").focus();

文字颜色的变化主要是经过设置input的class属性值来控制，class=invalid的时候css生效