c# - 如何限制用户在多个文本输入中输入重复文本

Question

我的网站有问题，用户正在填写表格，假设该表格中有两个文本框，我想这样做，如果用户"Ahsan"在第一个文本框中输入，则不允许他"Ahsan"在第二个文本框中输入。

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

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

Answer 3

你可以这样做：

例如，您的第一个文本框 id 是 txt1，第二个文本框 id 是 txt2。您想限制“Ahsan”在第二个文本框中输入。

$(文档).ready(函数(){

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

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

})

Answer 4

尝试这个：

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