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

时间:2026-02-14 20:43:41

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标签的内容改为“两个数据相同”,如果不相等,改为“两个数据不相等”

下面是整体代码:

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

4、最后结果:

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

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

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

© 2026 长短途
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com