php使用PDO下exec()函數查詢執行后受影響行數的方法
704
2024-01-10
本文實例講述了jQuery實現自動輸入email、時間和域名的方法。分享給大家供大家參考，具體如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jQuery自動輸入email、時間和域名</title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/>
<link rel="stylesheet" type="text/css" />
<script src="http://www.gimoo.net/t/1901/jquery-1.10.1.min.js"></script>
<script src="http://www.gimoo.net/t/1901/completer.min.js"></script>
<script type="text/javascript">
$(function() {
$("#auto-complete-email").completer({
separator: "@",
source: ["163.com", "qq.com", "126.com", "139.com", "gmail.com", "hotmail.com", "icloud.com"]
});
$("#auto-complete-time").completer({
filter: function(val) {
val = val.replace(/D/g, "").substr(0, 2);
if (val) {
val = parseInt(val, 10) || 0;
val = val > 23 ? 23 : val < 10 ? "0" + val : val;
}
return val;
},
separator: ":",
source: ["00", "05", "10", "15", "20", "25", "30", "35", "40", "45", "50", "55"]
});
var $autoCompleteDomain = $("#auto-complete-domain"), $autoCompleteGo = $("#auto-complete-go");
$autoCompleteDomain.completer({
complete: function() {
var url = "http://www." + $autoCompleteDomain.val();
$autoCompleteGo.attr("href", url);
},
separator: ".",
source: ["com", "net", "org", "co", "io", "me", "cn", "com.cn"]
});
});
</script>
</head>
<body>
<div class="container">
<div class="demo">
<p>1、輸入郵箱號：</p>
<input type="text" id="auto-complete-email" class="input" placeholder="E-mail"/>
<p> </p>
<p>2、輸入時間：</p>
<input type="text" id="auto-complete-time" class="input"/>
<p> </p>
<p>3、輸入域名：</p>
<div class="input-group">
<span class="input-group-addon">www.</span>
<input id="auto-complete-domain" class="input" type="text" placeholder="請輸入域名" autocomplete="off" />
<span class="input-group-btn">
<a id="auto-complete-go" class="btn btn-default" href="javascript:void(0);">Go!</a>
</span>
</div>
</div>
</div>
</body>
</html>
運行效果圖如下：
更多關于jQuery相關內容感興趣的讀者可查看本站專題：《jQuery表格(table)操作技巧匯總》、《jQuery form操作技巧匯總》、《jQuery常用插件及用法總結》、《jQuery操作json數據技巧匯總》、《jQuery擴展技巧總結》、《jQuery拖拽特效與技巧總結》、《jquery中Ajax用法總結》、《jQuery常見經典特效匯總》、《jQuery動畫與特效用法總結》及《jquery選擇器用法總結》
希望本文所述對大家jQuery程序設計有所幫助。
