Question

使用bootstrap，我需要更改，如果有这样的错误，将输入字段显示为红色。与占位符..占位符已准备好但我想将该字段标记为红色（使用引导程序）..

这是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>

Answer 1

您不希望更改数据类，而是更改类本身。假设您正在使用JQuery（您正在使用nearest（）和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');

Answer 2

问题解决了：

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

Js更改输入颜色

2 个答案: