jquery怎么判断输入框中的值是否改变

 我来答
爱教育爱学习
高粉答主

2019-10-21 · 学而不思则罔,思而不学则殆
爱教育爱学习
采纳数:386 获赞数:112709

向TA提问 私信TA
展开全部

<!doctypehtml>

<html>

<head>

<metacharset="UTF-8">

<metaname="Generator"content="EditPlus®">

<metaname="Author"content="zzp">

<metaname="Keywords"content="">

<metaname="Description"content="">

<title>Document</title>

<styletype="text/css">

input:focus,textarea:focus{

border:1pxsolid#f00;

background:#fcc;

}

.focus{

border:1pxsolid#f00;

background:#fcc;

}

</style>

<scripttype="text/javascript"src="js/jquery-1.6.4.min.js"></script>

<scripttype="text/javascript">

vartemp;

$(function(){

$(":input").focus(function(){//获得焦点

alert(this.id);

alert("获得焦点时的值是:"+(this).val());temp=.trim((this).val());alert(temp);(this).addClass("focus");//添加样式

}).blur(function(){//失去焦点

(this).removeClass("focus");//移除样式alert("失去焦点时的值是:"+(this).val());

varlastValue=.trim((this).val());

if(temp!=lastValue&&null!=lastValue&&""!=lastValue)

{

alert("值改变了!");

}

else{

alert("值没有变!");

}

/***/

});

});

</script>

</head>

<body>

<formaction="#"method="post"id="reFrom">

<fieldset>

<legend>个人信息</legend>

<div>

<label>名称:</label>

<inputid="username"type="text"value="admin">

</div>

<div>

<label>密码:</label>

<inputid="pass"type="text"value="123456">

</div>

<div>

<label>性别:</label>

<inputid="sex"name="sex"type="radio"value="1"checked="checked">男

<inputid="sex"name="sex"type="radio"value="2">女

</div>

<div>

<label>详细信息:</label>

<inputid="msg"type="text"value="获取值">

</div>

</fieldset>

</form>

</body>

</html>

扩展资料

change()函数用于为每个匹配元素的change事件绑定处理函数。该函数也可用于触发change事件。此外,你还可以额外传递给事件处理函数一些数据。change事件会在文本内容或选项被更改时触发。该事件仅适用于和以及。

对于text和textarea元素,该事件会在元素失去焦点时发生(文本内容也发生了更改)。可以为同一元素多次调用该函数,从而绑定多个事件处理函数。触发change事件时,jQuery会按照绑定的先后顺序依次执行绑定的事件处理函数。要删除通过change()绑定的事件,请使用unbind()函数。该函数属于jQuery对象(实例)。

码农小明哥
2017-07-21 · 互联网程序员一枚,欢迎交流
码农小明哥
采纳数:9602 获赞数:25060

向TA提问 私信TA
展开全部

可以使用

可以使用onpropertychange和oninput方法来实现,onpropertychange的话,只要当前对象属性发生改变,都会触发事件,但是它是IE专属的,oninput是onpropertychange的非IE浏览器版本,支持firefox和opera等浏览器,但有一点不同,它绑定于对象时,并非该对象所有属性改变都能触发事件,它只在对象value值发生改变时奏效。

工具原料:jQuery、编辑器

1、实现的思路就是给input绑定一个oninput和onpropertychange方法当事件被触发的受判断输入框内容的长度进而可以判断其值是否在变化。

2、其实现的代码如下下:

$(function(){  
  
$('#username').bind('input propertychange', function() {  
    $('#result').html($(this).val().length + ' characters');  
});  
  
})

从其属性length可以判断其值是否在变话。

已赞过 已踩过<
你对这个回答的评价是?
评论 收起
百度网友1f9c3e2
2015-01-06 · TA获得超过1836个赞
知道小有建树答主
回答量:638
采纳率:100%
帮助的人:392万
展开全部
最笨的方法的就是键盘事件
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
匿名用户
2015-01-06
展开全部
比如<input type="text" id="test" name="username">
//引入jQuery.js
<script>
$("#test").change(function(){//绑定修改事件
alert("触发了修改事件");
}

</script>
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
天漠树于纷朵帽24
推荐于2016-01-22 · 超过11用户采纳过TA的回答
知道答主
回答量:64
采纳率:0%
帮助的人:20.3万
展开全部
$('xx').change(function(){
$(this).val();

})
自己根据需求扩展。。。
本回答被提问者和网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 2条折叠回答
收起 更多回答(3)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式