如何使用jquery判断两个输入框内的内容一致

1、       编辑一个form表单，表单结构中添加两个input标签，给input标签添加两个id，为了方便jQuery选择器的选择，一个span标签用于显示jQuery的判断消息。具体的代码为：

<form action="/">

<label>这是一个输入框的内容：</label><input type="text" id="input1"><br>

<label>这是二个输入框的内容：</label><input type="text" id="input2"><br>

<span id="span" style="color:red"></span>

</form>

2、编辑jQuery代码：

<script src="js/jquery-1.12.4.min.js"></script>

<script>

$(function(){

$("#input2").blur(function(){

      if ($(this).val() == $("#input1").val()){

            $("#span").html("两个数据相同")

}

else{

$("#span").html("两个数据不相同")

}

})

})

</script>

3、       $("#input2").blur(）的作用是当第二个输入框失去焦点时，执行匿名函数function(),function()的功能时判断两个输入框的值是否相等，如果相等，将span标签的内容改为“两个数据相同”，如果不相等，改为“两个数据不相等”

下面是整体代码：

4、最后结果：

       左边为输入相同的结果，右边为输入不相同的结果。