Example code for jQuery form acquisition and loss of focus input box prompt effects_jquery

Copy code The code is as follows:

$("#focus .input_txt").each(function() {
var thisVal=$(this).val();
//Determine whether the value of the text box is empty. If there is a value, hide the prompt. If there is no value, display it.
if(thisVal! =""){
$(this).siblings("span").hide();
}else{
$(this).siblings("span").show();
}
//Focused input box validation
$(this).focus(function(){
$(this).siblings("span").hide();
} ).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();
// Determine whether the value of the text box is empty. If there is a value, hide the prompt. , if there is no value, it will be displayed
if(thisVal!=""){
$(this).siblings("span").hide();
}else{
$(this). siblings("span").show();
}
$(this).keyup(function(){
var val=$(this).val();
$(this ).siblings("span").hide();
}).blur(function(){
var val=$(this).val();
if(val!="" ){
$(this).siblings("span").hide();
}else{
$(this).siblings("span").show();
}
})
})
})

span>
                                                                  text" class="input_txt border_radius" />

Input Type prompt disappears

                                                                                                                                                      /label>
  Password