您好,欢迎访问一九零五行业门户网

jQuery表单获取和失去焦点输入框提示效果的实例代码_jquery

复制代码 代码如下:
$(#focus .input_txt).each(function(){
  var thisval=$(this).val();
  //判断文本框的值是否为空,有值的情况就隐藏提示语,没有值就显示
  if(thisval!=){
  $(this).siblings(span).hide();
  }else{
  $(this).siblings(span).show();
  }
  //聚焦型输入框验证 
  $(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();
  //判断文本框的值是否为空,有值的情况就隐藏提示语,没有值就显示
  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();
  }
  })
  }) 
  })
聚焦型提示语消失  无效果请刷新
        花瓣注册邮箱
密码
输入型提示语消失
     花瓣注册邮箱
密码
其它类似信息

推荐信息