Js更改输入颜色

Js Change input color

本文关键字:颜色 输入 Js      更新时间:2023-09-26

使用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(使用的是closest()和children()方法)

$('#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']);
                }