jQuery表單取得和失去焦點輸入框提示效果的實例程式碼_jquery
- WBOY原創
- 2016-05-16 17:27:221099瀏覽
複製程式碼 程式碼如下:
$("#focus .input_"). {
var thisVal=$(this).val();
//判斷文字方塊的值是否為空，有值的情況就隱藏提示語，沒有值就顯示
if(thisVal! =""){
$(this).siblings("span").hide();
}else{
$(this).siblings("span").show();
}
//聚焦型輸入框驗證
$(this).focus(function(){
$(this).siblings( ).blur(function(){
var val=$(this).val();
if(val!=""){
$(this).siblings("span"). hide();
}else{
$(this).siblings("span").show();
}
} #keydown .input_txt").each(function(){
var thisVal=$(this).val();
//判斷文字方塊的值是否為空，有值的情況就隱藏提示語，沒有數值就顯示
if(thisVal!=""){
$(this).siblings("span").hide();
}else{
$this(this(). siblings("span").show();
}
$(this).keyup(function(){
var val=$(this).val();
$(this $(this ).siblings("span").hide();
}).blur(function(){
var val=$(this).val();
if(val!="" ){
$(this).siblings("span").hide();
}else{
$(this).siblings("span").show();
$(this).siblings("span").show();
}
})
})
})
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn