如何在使用Javascript更改后更改CSS占位符颜色

使用JavaScript更改CSS占位符文本后，如何更改CSS占位符背景色

当输入表单无效时，我想对我设置的样式进行输入验证。但在占位符文本被javascript更改后，它就不起作用了

它在用户再次填写输入后工作

CSS

JAVASCRIPT

在应用程序的正确位置将其添加到javascript中

---

我假设这就是您的意思

您不需要调用

blur（）

，当方法为invoke时，元素失去焦点，因此不应用CSS规则

$("#dftrnama").attr("placeholder", "Nama Ini Sudah Ada!").val("").focus();

//模拟`$.ajax（）`
setTimeout（函数（）{
$（“#dftrnama”）.attr（“占位符”，“Nama Ini Sudah Ada！”）.val（“”.focus（）；
}，5000）

。常用表单输入[type=“text”]：无效：焦点，
.常用表单输入[type=“email”]：无效：焦点，
.常用表单输入[type=“number”]：无效：焦点，
.common表单输入[type=“search”]：无效：焦点，
.common表单输入[type=“password”]：无效：焦点，
.common form textarea:无效：焦点，
.常用表单选择：无效：焦点{
边框颜色：rgb（248、66、66）；
背景色：rgb（248,46,46）；
颜色：#fff；
-webkit盒阴影：插入0 1px2pRGBA（0,0,0,0.1），0 0 8px rgb（248,66,66）；
-moz盒阴影：插入0 1px2pRGBA（0,0,0,0.1），0 0 8px rgb（248,66,66）；
盒影：插入0 1px2pxRGBA（0,0,0,0.1），0 0 8pxRGB（248,66,66）；
}

也许：

$("#dftrnama").change( function(){
  $.ajax({
    url: "ajax/ceknama",
    data: { "nama" : $(this).val() } ,
    method: "POST",
    success: function(result){
        if( result == '1') {
            $("#dftrnama").attr("placeholder", "Nama Ini Sudah Ada!").val("").focus().blur();
            $("input[type='submit']").attr("disabled", true);
            $("#dftremail").attr("disabled", true);
            $("#dftrhp").attr("disabled", true);
        } else {
            $("input[type='submit']").removeAttr("disabled");
            $("#dftremail").removeAttr("disabled");
            $('#dftrnama').css('background-color','#FFF')
        }
    }
});

---

请给我一些密码。代码解释得更好。设置文本后是否尝试触发

change

事件？@Satpal I添加了一些代码

$('.elementclass').css('background-color','blue');

$("#dftrnama").attr("placeholder", "Nama Ini Sudah Ada!").val("").focus();

$("#dftrnama").change( function(){
  $.ajax({
    url: "ajax/ceknama",
    data: { "nama" : $(this).val() } ,
    method: "POST",
    success: function(result){
        if( result == '1') {
            $("#dftrnama").attr("placeholder", "Nama Ini Sudah Ada!").val("").focus().blur();
            $("input[type='submit']").attr("disabled", true);
            $("#dftremail").attr("disabled", true);
            $("#dftrhp").attr("disabled", true);
        } else {
            $("input[type='submit']").removeAttr("disabled");
            $("#dftremail").removeAttr("disabled");
            $('#dftrnama').css('background-color','#FFF')
        }
    }
});