HTMLでHTMLテキストボックスに関連するクエリ

：text-box値は一度&がread-only/inフリーズモードとして保存されますが、まだ目に見える入力されたようにする方法は？HTMLでHTMLテキストボックスに関連するクエリ
：（MS-EXCEL条件付き書式と同様）text-box色の変化で同じ形&結果内の別のフィールドの値と比較text-box値を作成する方法？

2011-11-14 karthik

にこのこの種を意味します。あなたは[tag：JavaScript]を使用する必要があるページのDOMを更新/変更します。また、htmlを見ずに（値をどのように保存していますか？）、パート1に具体的な回答を提供することはできません。比較したいフィールドやスタイルを知らなくても、難しい2番目のソリューションを提供します。 –

＃1については、readonly属性を使用してください。＃2については、javascriptを使用してください。例えば、jqueryの中：

$('#input1').change(function() { 
    if ($('#input1').val() == $('#input2').val()) { 
     $('#input1').addClass("same"); 
    } else { 
     $('#input1').addClass("notSame"); 
    } 
});

出典

2011-11-14 10:07:23 socha23

Socha23はあなたの最初の質問のためのreadonly属性を使用して、言ったように。

秒です。 this fiddleのように、jQueryでこれを行う方が簡単です。

$('#tb').keyup(function() { 
    $(this).css('background-color', getTbColor($(this).val())); 
}); 

function getTbColor(value) { 
    switch(value) { 
     case 'red': return '#ff0000';  
     case 'yellow': return '#ffff00';  
     case 'green': return '#00ff00';  
     case 'blue': return '#0000ff'; 
     default: return '#ffffff';   
    } 
}

ない、あなたのコメントに何を意味するかを確認しますが、おそらくあなたは、あなただけのhtmlでこれを行うことはできませんthis fiddle.

$('#confirm').keyup(function() { 
    var color = $(this).val() == $('#email').val() ? '#ffffff' : '#ffcccc'; 
    $(this).css('background-color', color); 
});

出典

2011-11-14 10:17:09 Connell

あなたのクイックレスポンスに感謝します:) :)しかし、同じフォームの他の列フィールドと比較する方法は？ – karthik

あなたが何を意味するのか本当に分かりません。 '$（ '＃yourElementId'）.val（）'は、jQueryの入力フィールドの値を取得します。値が別のテキストボックスと一致しない場合は、たとえば赤に変えたいと思っていますか？メールアドレスなどを確認するときと同じですか？ – Connell

HTMLでHTMLテキストボックスに関連するクエリ

答えて

関連する問題