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