jQuery는 두 번째 속성 옵션을 표시하지 않으려합니다.

Question

필드에 값이 있는지 확인하는 코드를 만들고 필드에 숫자가 있는지 확인합니다. 모두 작동하지만 자리 표시자를 표시하고 싶지는 않습니다. "그 수가 아닙니다!" 바이올린에 글자를 입력 해보십시오. 테두리는 색상이 바뀌지 만 자리 표시자는 변경되지 않습니다. DOM 요소를 두 번 이상 변경하고 싶지 않으므로 작동하지 않는다고 생각합니까?

다음은 jsFiddle을의 :: 당신의 시간을 http://jsfiddle.net/9Kb2Q/

감사합니다!

$(document).ready(function(){ 

$("#btn").on("click", function(evt){ 

    var fldVal = $("#fld").val(); 

    if(fldVal == "" || fldVal == null){ 
     $("#fld").attr("placeholder","You left it blank, yo."); 
     $("#fld").css("border-color", "#da8c8c"); 
     $("#fld").addClass('error-color'); 
     evt.preventDefault(); 
    } else if(isNaN(fldVal) == true){ 
     $("#fld").attr("placeholder","That's not a number!"); 
     $("#fld").css("border-color", "#da8c8c"); 
     $("#fld").addClass('error-color'); 
     evt.preventDefault(); 
    } 

}); 

}); 

Answer 1

취소 값 자리

이

$("#fld").attr("placeholder","That's not a number!").val(''); 

데모 올 수 있도록 : Fiddle이