Dize "yeşil" nasıl kontrol edilir Jquery'de geçerli bir renk var mı?

Question

Kullanıcının renk adı sağladığı senaryo var. Bunun için önce sağlanan renk isminin geçerli olup olmadığını veya jquery kullanmamalarını kontrol etmem gerekiyor. Örneğin, kullanıcı değerleri turuncu, ornge yazım hatası sağlayabilir.

Nasıl kontrol edilir.

Herhangi bir yardım benim için en iyi olacaktır.

Answer 1

Sen (Sonra d.css kullanılarak backgroundColor olarak girdi değeri ile uygulamak css('backgroundColor', 'white')

kullanarak herhangi bir rengi ayarlayın geçici eleman

oluşturma CSS renk

1. doğrulamak için aşağıdaki yöntemi kullanabilirsiniz 'backgroundColor', this.value); renk değiştirdi veya değeri girilir
2. Kontrol başlangıçta geçerli bir renk

$('#input').keyup(function() { 
 
    if (this.value.trim()) { 
 
    var d = $('<span/>') 
 
     .css('backgroundColor', 'white') 
 
     .css('backgroundColor', this.value); 
 
    $('#op').html(this.value + (d.css('backgroundColor') == '' && this.value + (d.css('backgroundColor') != 'white' && d.css('backgroundColor') != 'rgb(255, 255, 255)') || /^white$/i.test(this.value) ? ' is valid' : ' is not valid')); 
 
    } else 
 
    $('#op').empty(); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<input type="text" id="input"> 
 

 
<div id="op"></div>

Answer 2

Bu rengi sayfada herhangi bir gizli test öğesine (varsayılan renkli beyaz) ayarlayabilirsiniz. daha sonra renk özelliğini bu öğeden alın. eğer beyaz dışındaysa, o zaman renk geçerlidir. başka değil.

$('#testelement').css('background-color', colorstring); 
var coloris = !(/\d/.test(colorstring)) && (colorstring == "white" || $('#testelement').css('background-color') != "rgb(255, 255, 255)") ? "valid" : "invalid"; 
alert(colorstring +' is '+ coloris);