Javascript Js更改输入颜色

使用bootstrap，如果出现这样的错误，我需要将inputfield显示为红色。占位符..占位符准备好了，但我想使用引导将字段标记为红色

这是JS

if (data['valid'] != "true") {
     if(data['path_error']) {
         oRow.children('#path_td').attr( 'data-container', 'body')
                                  .attr( 'data-toggle', 'popover')
                                  .attr( 'data-placement', 'top')
                                  .attr( 'data-content', data['path_error'])
                                  .attr( 'data-class', 'bg-danger')
                                  .popover('show');
     }

编辑： 这是HTML

<td id="path_td"><input type="text" class="form-control input-sm" name="path"
                       value="<?= $oRoute->getPath(); ?>"/></td>

---

您不希望更改数据类，而是希望更改数据类本身。假设您使用的是JQuery，那么您使用的是最近的和子方法

$('#path_td')
  .addClass('bg-danger')
  .attr( 'data-container', 'body')
  .attr( 'data-toggle', 'popover')
  .attr( 'data-placement', 'top')
  .attr( 'data-content', data['path_error'])
  .popover('show');

解决的问题：

function showError(oRow, where, what) {
    oRow.find(where).attr( 'data-container', 'body').attr( 'data-toggle', 'popover').attr( 'data-placement', 'top').attr( 'data-content', what).attr( 'data-class', 'bg-danger').popover('show');
    oRow.find( where).addClass('has-error');

 var jsonCallback = function(oRow) {
        return function(data, textStatus, jqXHR) {
            if (data['valid'] != "true") {
                if(data['path_error']) {
                    showError(oRow, '#path_td', data['path_error']);
                }

---

我应该在哪里添加它？正如你所看到的，属性“数据类”、“BG危险”被实现了，但我看不到……“GianlucaBelardinelli，我澄清了我对你的答案。所以我不应该把上面的部分考虑正确吗？”如果我复制下面的代码，仍然什么都没有..我看到了popover，但它没有改变颜色..在你的示例中是什么？我看到您正在使用children方法-您正在使用JQuery吗？var oRow=$this.closest'tr'；请在你的if语句周围发布JS。顺便说一句，如果TD有ID，你不需要孩子。只需$path\u td.attr…这是文件