動態更改標籤的顏色

我想根據驗證更改標籤的顏色，這裏是我的代碼。特別是，在AJAX成功，如果data定義，我想改變標籤的顏色。

jQuery('.attendees').tagsManager({ 
      prefilled: [user_email], 
      hiddenTagListName: 'attendee', 
      delimiters: [32, 44, 13, 9], // comma, space (ASCII chars) 
      blinkBGColor_1: '#FFFF9C', 
      blinkBGColor_2: '#c5eefa', 
      validator: function (value) { 
       var emailReg = /^([\w-\.][email protected]([\w-]+\.)+[\w-]{2,4})?$/; 

       $.ajax({ 
        url: 'CheckUserExits', 
        type: 'GET', 
        data: {email: value}, 
        success: function (data) 
        { 
         alert(data); 
         if(data){ 
          //I want to change the color of tag 
         } 
        }, 
        error: function (jqXHR, textStatus, errorThrown) { 

        } 

       }); 

       return emailReg.test(value); 
      } 

     });

來源

2015-12-10 Omi

我不確定它但你應該這樣做。

<input type="text" name="tags" placeholder="Tags" class="tm-input"/> 
$(".tm-input").attr('style', 'Background-color:green;');

試試這個，但我不知道它會工作與否。

來源

2015-12-10 10:01:29 Umer

我想他想改變最後一個標記的顏色，而不是輸入字段的顏色 – squaleLis

for error addclass`tm-tag-error` 
for success addclass`tm-tag-success`

來源

2015-12-10 10:04:28

成功時，你應該找到您要驗證的標籤（類tm-tag），並添加適當的類，以便與CSS樣式它。

success: function (data) { 
      if(data){ 
       var $validatingTag = $('.attendees').find('.tm-tag:contains("'+value+'")'); 
       $validatingTag.addClass('tm-tag-success'); 
       //or any other class you want :) 
       } 
      },

來源

2015-12-10 10:07:59 squaleLis

動態更改標籤的顏色

回答

相關問題