c# - ユーザーが複数のテキスト入力に重複するテキストを入力することを制限する方法

Question

ユーザーがフォームに入力しているときに問題が発生し、そのフォームに2つのテキストボックスがあるとします。ユーザーが"Ahsan"最初のテキストボックスに入力する"Ahsan"と、2番目のテキストボックスに入力できなくなります。

Answer 1

ここに簡単な例があります

$(function() {
    $('#text1,#text2').change(function() {
        if ($('#text1').val() === $('#text2').val()) {
            alert('text matches');
        }
    });
});​

コードは.change()関数を使用して、テキスト入力の変更時に関数をトリガーし (複数セレクターを使用)、 .val()を使用して値を比較します。

.change()は.blur()またはkeyup()にするか、.submit ()を使用してフォームの送信時に実行することができます

アップデート

大量の入力をチェックする必要がある場合は、.each()を使用できます。

$(function () {
    $('.inputclass').change(function () {
        var $current = $(this);
        $('.inputclass').each(function () {
            if ($(this).val() == $current.val() && $(this).attr('id') != $current.attr('id')) {
                alert('duplicate found');
            }
        });
    });
});

これは、クラスを使用して入力の各値をループしinputclass、重複をチェックします

Answer 2

あなたはそれをそのようなことをすることができます：

たとえば、最初のテキストボックスIDはtxt1で、2番目のテキストボックスIDはtxt2です。'Ahsan'を制限して2番目のテキストボックスに入力します。

$（document）.ready（function（）{

 var text1=$('#txt1').text();
 var text2=$('#txt2').text();

 if(text1!text2){
     //do your code
 }
 else {
   alert('value exist in textbox1');
 }

}）

Answer 3

これを試して：

$('#lastInput').keyup(function () {
    if ($(this).val() === $('#firstInput').val()) {
        $(this).val('');
    }        
});

Answer 4

$('input:text').not(':first').on('blur', function() {
    var value = this.value;
    if(value.length) {
        $('input:text').not(this).each(function(){
            if(this.value == value) {
                alert('Error');
                return false;
            }
        });
    }
});