js实现验证输入框内容是否改变
日期：2014-05-16 浏览次数：20476 次
求助：js实现验证输入框内容是否改变
html：<span class="page">第<input type="text" value="1"/>页/<span>10</span></span>
js：
//页码输入框
$('.page input').focus(function(){
var p1=$(this).val();
$(this).focusout(function() {
var p2=$(this).val();
var p3=parseInt($('.page span').text());
if(p2>0&&p2<=p3){
if(p1!=p2){
alert('文本框内容改变了！');
}
else{
alert('没变,什么也不需要做！');
}
}
else
{
alert('您输入的页数不存在！');
}
});
});
});
第一次点击正常，之后的每一次，都不正常，请帮忙看看，想实现的就是，当文本框失去焦点时谈一次就成啊
------解决方案--------------------
html：<span class="page">第<input type="text" value="1"/>页/<span>10</span></span>
js：
//页码输入框
$('.page input').focus(function(){
var p1=$(this).val();
$(this).focusout(function() {
var p2=$(this).val();
var p3=parseInt($('.page span').text());
if(p2>0&&p2<=p3){
if(p1!=p2){
alert('文本框内容改变了！');
}
else{
alert('没变,什么也不需要做！');
}
}
else
{
alert('您输入的页数不存在！');
}
});
});
});
第一次点击正常，之后的每一次，都不正常，请帮忙看看，想实现的就是，当文本框失去焦点时谈一次就成啊
------解决方案--------------------
- HTML code
<span class="page">第<input type="text" id="inputPage" value="1" onkeyup="this.value=this.value.replace(/[^\d]/g,'')"/>页/<span>10</span></span>
<script type="text/javascript">
var v=1,el = document.getElementById("inputPage");
el.onblur = function () {
var p = this.value;
if (p!=v) {
alert('改变了，准备跳转！')
} else {
alert('未改变')
}
v=p;
};
</script>
------解决方案--------------------
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
