query动态验证表单

今天讲一些jquery动态验证表单的事吧,我们通常在写表单的验证的时候用的更多是change事件,但是change事件不能动态的检测我们input文本中的内容,这里我们就要用到oninput事件(就是在文本框内容改变的时候触发,这个仅仅在非ie下),onpropertychange事件(ie下,文本框内容触发的时候改变)动态检测,效果超级好!看怎么用吧1
$(":input[type='text']").bind("input propertychange",function(){
console.log("一直在变")
})
//这是一个兼容的写法(引用jquery)兼容ie7以上浏览器,只要文本框文字一变就会触发
纯js写法 非IE oninput事件,IE是 onpropertychange事件
个人建议直接写在html中,然后写个方法函数插入进来
<input type="text" name="txt" oninput="alert(this.vale)" onpropertychange="alert(this.value)">
这样可以兼容所有浏览器
判断浏览器常用的方式:
1 if(‘\v’==’v’){
alert(“ie”)
}else{
alert(“非ie”)
}
2 var userAgent=navigator.userAgent //取得浏览器的userAgent字符串
if(userAgent.indexOf(“Chrome”)!==-1){
alert(“您当前的浏览器是Chrome”)
}
if(userAgent.indexOf(“Opera”)!==-1){
alert(“您当前的浏览器是Opera”)
}
if(userAgent.indexOf(“Firefox”)!==-1){
alert(“您当前的浏览器是Firefox”)
}

猜你喜欢

转载自blog.csdn.net/qq_37983691/article/details/77918612
今日推荐