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

 时间:2024-10-13 06:07:32

1、 编辑一个form表单,表单结构中添加两个input标签,给i艘绒庳焰nput标签添加两个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/jque筠续师诈ry-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判断两个输入框内的内容一致
  • session怎么创建
  • 怎样优化网页的7种方法
  • 如何快速的将文本文档转换成网页文档
  • java 如何编写一个JDialog窗体?
  • JS中如何获取某ID下的某个标签的某个属性值
  • 热门搜索
    预防新型冠状病毒的手抄报 字谜手抄报 手抄报关于环保 关于冬天的手抄报 艾滋病手抄报图片 五一手抄报资料 七年级上册历史手抄报 我爱文学的手抄报 法制进校园手抄报 关于诗词的手抄报