javascript - 添加类以突出显示输入框边框(如果它是空的)

标签 javascript jquery css kendo-ui

我知道它重复,但 SO 的解决方案对我没有帮助。

所以对于

<input id="hereMyDropDownValue" />

:

 this.mySQLRespData = d; //here am loading data into kendoDropDown

$("#hereMyDropDownValue").keyup(function(){
                    var respData = $(this);
                    if(respData. val() == ""){
                      respData.addClass("highlight")
                    } else {
                      respData.removeClass("highlight")
                    }
                }); 
$("#hereMyDropDownValue").kendoComboBox({                   
    dataSource: {
       d : this.mySQLRespData 
    },
    value:serialID,    
});

CSS

.highlight{
 border-color:red;
}

我想在用户删除/退格已经加载的数据时突出显示输入框。

问题是当它变空时不突出框边框。我正在使用剑道下拉菜单。

最佳答案

当 jQuery 查找 #hereMyDropDownValue 元素时,它可能不在 DOM 中。 ajax加载完成后一定要找找。

关于javascript - 添加类以突出显示输入框边框(如果它是空的),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45073629/

相关文章:

javascript - html中的span元素中粗体标签不生效

javascript - 使用 AngularJS 和 Kendo UI 的简单模式对话服务

javascript - 使用 Baobab 影响多个组件的状态

javascript - Django - 使用 jQuery 将模板加载到变量中

javascript - 为不起作用的动态字段创建添加按钮

c# - 如何在 WCF 服务调用中忽略区分大小写的属性名称?

javascript - 在onsubmit中调用javascript函数

Javascript 生成的 margin-top 弄乱了放置内容

html - 使图片上方的 div 具有与其相同的高度

CSS:将属性应用于元素