チェック方法文字列「green」はJqueryで有効な色ですか？

Question

私はユーザーが色の名前を提供するシナリオを持っています。そのためにはまず、ユーザーが指定した色の名前がjqueryを使用して有効かどうかを確認する必要があります。オレンジ、orngeミス値を提供することができる例示的なユーザについて

。

確認方法。

私にはどんな助けになるでしょう。

Answer 1

あなたは

1. はd.cssを使用してbackgroundColorとして入力値を適用した後css('backgroundColor', 'white')
2. を使用して任意の色を設定し
3. （一時的な要素を作成し、CSSの色を検証するために、次の方法を使用することができます'backgroundColor'、this.value）;
4. 色を変更したり、入力された値は、我々が最初に設定されていることと同じである、その場合には、それが有効な色私の知る限り

$('#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

あなたは、ページ上の任意の隠された試験要素（デフォルトの色の白）にその色を設定することができます。その要素からcolorプロパティを取得します。白色以外の場合は、色は有効です。それ以外はそうではありません。

$('#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);