Question

我的网站用户填写表单时出现问题，假设该表单中有两个文本框，如果用户在第一个文本框中输入"Ahsan"，则我不想输入{第二个文本框中的{1}}。

Answer 1

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

代码使用.change()函数触发更改任一文本输入的函数（使用multiple selector），然后使用.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

试试这个：

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

Answer 3

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

你可以这样做：

例如，您的第一个文本框ID是txt1，第二个文本框ID是txt2。你想限制'Ahsan'输入第二个文本框。

（文档）$。就绪（函数（）{

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

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

}）

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

4 个答案:

更新