jQuery实现自动输入电子邮件、时间和域名的方法

本文实例讲述了jQuery实现自动输入电子邮件、时间和域名的方法。分享给大家供大家参考，具体如下：

！DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN ' ' http://www .w3。org/TR/XHTML 1/DTD/XHTML 1-Transitional。DTD ' html xmlns=' http://www .w3。org/1999/XHTML ' hearteta http-equiv=' Content-Type ' Content=' text/html；charset=utf-8' /titlejQuery自动输入电子邮件、时间和域名/title meta name=' viewport ' content=' width=device-width，initial-scale=1，maximum-scale=1'/link rel='样式表type=' text/CSS ' href=' completer。CSS '/script src=' http : jquery-1。10 .1 .量滴js '/script script src=' http : completer。量滴js '/script script type=' text/JavaScript ' $(function(){ $(' # auto-auto completer({ separator : ' @ '，source: ['163.com '，' 163.com '，' 163.com '，' 163.com '，' gmail.com '，' hotmail.com '，' I cloud。com ']})；$(' #自动完成时间')。completer({ filter : function(val){ val=val。替换(/\ D/g ' ').substr(0，2)；if (val) { val=parseInt(val，10)| | 0；val=val 23？ val 10？0 ' val : val}返回val}，separator: ': '，source: ['00 '，' 05 '，' 10 '，' 15 '，' 20 '，' 25 '，' 30 '，' 35 '，' 40 '，' 45 '，' 50 '，' 55 ']})；var $自动完成域=$(' #自动完成-domain ')，$自动完成go=$(' #自动完成-go’)；$自动完成域。completer({ complete : function(){ var URL=' http://www . '$ autocompleteddomain。val()；$autoCompleteGo.attr('href '，URL)；},分割器： ' '。source: ['com '，' net '，' org '，' co '，' io '，' me '，' cn '，' com。cn ']})；});/script/head dydiv class=' container ' div class=' demo ' P1，输入邮箱号：/p输入类型=' text ' id=' auto-complete-email ' class=' input '占位符='电子邮件'/p/p p2，输入时间：/p输入类型=' text ' id=' auto-complete-time ' class=' input '/p/p P3，输入域名：/p div class=' input-group ' span class=' input-group-addon ' www ./span输入id='自动完成-域'类='输入'类型='文本'占位符='请输入域名auto complete=' off '/span class=' input-group-BTN ' a id=' auto-complete-go ' class=' BTN BTN-default ' href=' JavaScript : void(0)；走吧/a/span/div/div/body/html运行效果图如下：

更多关于jQuery相关内容感兴趣的读者可查看本站专题： 《jQuery表格(table)操作技巧汇总》 、 《jQuery form操作技巧汇总》 、 《jQuery常用插件及用法总结》 、 《jQuery操作json数据技巧汇总》 、 《jQuery扩展技巧总结》 、 《jQuery拖拽特效与技巧总结》 、 《jquery中Ajax用法总结》 、 《jQuery常见经典特效汇总》 、 《jQuery动画与特效用法总结》 及《jquery选择器用法总结》

希望本文所述对大家jQuery程序设计有所帮助。