文本框提示输入

来源:互联网 发布:小米4屏幕裂了失灵淘宝 编辑:程序博客网 时间:2024/05/21 06:58

$.fn.IdautoTip = function(G){
 var D;
 D = {
  dvalue:"请输入电子邮箱",//表单默认值
  tip:"tip",             //默认提示信息样式名class
  tipnone:"tipnone"      //在指定的input执行click时替换的样式名class
 };
 $.extend(D,G);
 if ($(this).val()==""){
  $(this).val(D.dvalue)
      .addClass(D.tip)
         .click(function(){
    if($(this).val()==D.dvalue){
       $(this).val("");
       $(this).removeClass(D.tip);
       $(this).addClass(D.tipnone);
    }
    })
    .blur(function(){
    if($(this).val()==""){
      $(this).removeClass(D.tipnone);
      $(this).addClass(D.tip);
      $(this).val(D.dvalue);
    }
    });
 };
}

原创粉丝点击