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

jQuery不想显示第二个属性选项

1 个答案: