Question

我有一个要求，即只有当两个单独的文本输入字段中的文本都相同时才需要显示标有Set的按钮。

如果两个字段中的文本相同，我可以显示/隐藏设置按钮。

但是我在下面的负面测试场景中失败了

情景：

如果两个字段中的文字相同，我显示的是设置按钮。但是假设鼠标选择并删除了数据，则仍然显示“设置”按钮??

请让我知道如何处理这种情况

这是我的代码。

<input type="text" id="fort1text" class="m-wrap span12" placeholder="">
<input type="text" id="fort2text" class="m-wrap span12" placeholder="">
<input type="button" id="setcategory" value="Set ">
<input type="button" id="validate" value="Validate">

$(function () {
    $("#setcategory").hide();
});
$(document).on('click', '#validate', function (event) {
    var val1 = $("#fort1text").val();
    var val2 = $("#fort2text").val();
    if(val1!=''&&val2!='')
    {
    if(val1==val2)
    {
$("#setcategory").show();
    }
    else
    {
        $("#setcategory").hide();
    }
    }
});

http://jsfiddle.net/tf2ykphz/1/

Answer 1

您可以使用其他事件处理程序进行输入，例如input，propertychanged和paste。例如：

$('#fort1text, #fort2text').on('input propertychange paste', function () {
    ...
});

使用此示例，该按钮仅显示两个输入框具有完全相同的值。

JSFiddle上的工作示例：

如何使用鼠标处理TextBox中的数据删除？

1 个答案: