如何添加css到.jquery中的.after函數

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

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

這裏是jQuery的一個簡單的部分。我想知道的是如何添加我的字符串並將其變爲紅色？如何添加css到.jquery中的.after函數

來源

2017-08-07 MEP

添加CSS類'.required {顏色：紅}'然後添加一個div'$（本）。之後（「

」）' –

但你會最好不要*添加*它，但它已經存在，然後根據您的驗證顯示/隱藏。否則，你的下一個問題將是：如何刪除文本... –

由於你只是添加文本，你可以把css規則放在行之前，它會影響你的'*'。正如其他人所說的那樣，最好是用班級來做。 –

編輯基於評論：

您可以執行以下操作來激活邊境時，有沒有價值，輸入的數值時，將其刪除。

刪除.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>

來源

2017-08-07 16:45:49 Syden

這是偉大的，你實際上讓我意識到我沒有辦法刪除紅色的邊框，但我仍然需要我的錯誤消息在輸入欄的右側。 – MEP

@MEP，用右側的錯誤信息編輯。 – Syden

如何添加css到.jquery中的.after函數

回答

相關問題