Question

$( document ).ready(function() {    
    $('#btnSoumettre').click(function(){    
      $('.must').each(function( index ) {

            if( !$(this).val() ) {
              $(this).css('border-color','red');
              $(this).after( "*" );           
            }    
        });
   });
});

这是一个简单的jQuery。我想知道的是如何添加我的字符串并将其变为红色？

Answer 1

根据评论编辑：

您可以执行以下操作以在没有值时激活边框，并在输入值时将其删除。

删除.after（），因为没必要。
输入值后，添加其他名称以删除边框。

$(document).ready(function() {
  $('#btnSoumettre').click(function() {
    $('.must').each(function(index) {
      if (!$(this).val()) {
        $(this).css('border-color', 'red');
        $(this).next('span').css('display', 'inline');
      } else {
        $(this).css('border-color', 'initial');
        $(this).next('span').css('display', 'none');
      }
    });
  });
});

span {
  display: none;
  color: red;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
first <input class="must" value="value1"><span> required</span><br> 
second - no value <input class="must"><span> required</span><br> 
third <input class="must" value="value3"><span> required</span><br> 
fourth no value <input class="must"><span> required</span><br>
<button id="btnSoumettre">validate</button>

如何在Jquery中将.css函数添加到.after函数中

1 个答案: