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

本文关键字：文本 输入 何限制 用户 | 更新日期: 2023-09-27 18:31:32

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

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

这是一个快速示例

$(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循环输入的每个值，并检查重复项

试试这个：

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

你可以这样做：

例如，第一个文本框 ID 是 TXT1，第二个文本框 ID 是 TXT2。您想限制"Ahsan"在第二个文本框中键入。

$（document）.ready（function（）{

 var text1=$('#txt1').text();
 var text2=$('#txt2').text();
 if(text1!text2){
     //do your code
 }
 else {
   alert('value exist in textbox1');
 }

}）

$('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;
            }
        });
    }
});
相关文章：