jQuery實現輸入郵箱位址自動提示

2022-09-11 19:03:22 字數 2142 閱讀 6414

正所謂一圖勝千言,參見下面的截圖: (介紹中不允許上圖:sorry). 1、此外掛程式為寬度自適應的,也就是當內部文字過長時,外部的div會寬度自動延伸的。在自定義css時如果設定了寬度值,則在非ie6瀏覽器下,寬度自適應失效; 2、無需在樣式中為最外部的box設定position屬性

正所謂「一圖勝千言」,參見下面的截圖:

(介紹中不允許上圖:sorry).

1、此外掛程式為寬度自適應的,也就是當內部文字過長時,外部的div會寬度自動延伸的。在自定義css時如果設定了寬度值,則在非ie6瀏覽器下,寬度自適應失效;

2、無需在樣式中為最外部的box設定position屬性,或是寬度及高度,這些工作jquery 外掛程式已經幫你完成,設定了這些屬性反而不利於效果的展現;

3、此外掛程式只能使用在單行文字框上,由於未對其他標籤型別的元素做限制,所以如果繫結物件不正確,可能會出現一些意想不到的情況.

4.歡迎在使用中提出各種問題和bug.

--------------------------------------------

注:使用方法

css**:

.out_box

.list_box

.focus_box

.mark_box

js**:

$("#customtest").mailautocomplete();

(function($);

var settings = $.extend({}, defaults, options || {});

//頁面裝載css樣式

} var cb = settings.boxclass, cl = settings.listclass, cf = settings.focusclass, cm = settings.markcalss; //外掛程式的class變數

var z = settings.zindex, newarr = mailarr = settings.mailarr, hint = settings.texthint, text = settings.hinttext, fc = settings.focuscolor, bc = settings.blurcolor;

//建立郵件內部列表內容

$.createhtml = function(str, arr, cur)else

});}

return mailhtml;

};//一些全域性變數

var index = -1, s;

$(this).each(function()

var w = that.outerwidth(), h = that.outerheight(); //獲取當前物件(即文字框)的寬高

//樣式的初始化

that.wrap('')

.before('

'); var x = $("#maillistbox_" + i), livevalue; //列表框物件

that.focus(function()

}//鍵盤事件

$(this).keyup(function(e)

if(v.length > 0)

index--;

}else if(e.keycode === 40)

index++;

}else if(e.keycode === 13)

}else

});}else

}x.html($.createhtml(s, newarr, index)).css("left", 0);

if(e.keycode === 13)

}}else

}).blur(function()

}$(this).css("color", bc).unbind("keyup").parent().css("z-index",0);

x.css("left", "-6000px");

});

//滑鼠經過列表項事件

//滑鼠經過

$(".mailhover").live("mouseover", function());

});x.bind("mousedown", function());

});};

})(jquery);

郵箱位址的過濾

email判定 function isvalidemail email dim names,name,i,c check for valid syntax in an email address.isvalidemail true names split email,if ubound names ...

使用郵箱位址標識使用者

it以及數位化的不斷普及,日益滲透著生活中的每個角落和旮旯裡。即時通訊 郵箱 電商 論壇等等諸多的公司 都需要對使用者進行管理,如何標識使用者,既方便使用者記憶,又方便伺服器後台管理呢?qq的祖先是oicq,採取數字的方式,msn採取了郵箱位址,而一些論壇等則採取使用者註冊時的使用者名稱,採取使用者...

js和php郵箱位址驗證的實現方法

郵箱位址驗證有很多方法。在瀏覽器端,js郵箱驗證可以通過正規表示式檢測。比如 複製 如下 function isemail email u00a0 ud7ff uf900 ufdcf ufdf0 uffef a z d u00a0 ud7ff uf900 ufdcf ufdf0 uffef x22 ...