嘗試用了 ajax ，很有趣。應用在訂閱電子報上頭。
order html
<html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.2/jquery-ui.min.js"></script>
</head>
<body>
<form class="form-inline" role="form" id="order_email" action="" name="order_email">
<input type="email" class="form-control" id="inputEmail" placeholder="輸入 email 訂閱電子報">
<a class="btn btn-default" value="訂閱" id="update" onclick="orderEmail();">訂閱</a>
</form>
<script type="text/javascript">
function orderEmail(){
myReg = /^.+@.+\..{2,3}$/
var email_data = $("#inputEmail").val();
if( !$("#inputEmail").val().match(myReg) ){
alert("E-mail 格式錯誤，請檢查重填，謝謝！");
$("#inputEmail").val('');
}else{
$.ajax({
url: 'member_order_email.php',
data: {email: email_data},
error: function(xhr) { },
success: function(response) { alert(response); }
});
}
};
</script>
</body>
</html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.2/jquery-ui.min.js"></script>
</head>
<body>
<form class="form-inline" role="form" id="order_email" action="" name="order_email">
<input type="email" class="form-control" id="inputEmail" placeholder="輸入 email 訂閱電子報">
<a class="btn btn-default" value="訂閱" id="update" onclick="orderEmail();">訂閱</a>
</form>
<script type="text/javascript">
function orderEmail(){
myReg = /^.+@.+\..{2,3}$/
var email_data = $("#inputEmail").val();
if( !$("#inputEmail").val().match(myReg) ){
alert("E-mail 格式錯誤，請檢查重填，謝謝！");
$("#inputEmail").val('');
}else{
$.ajax({
url: 'member_order_email.php',
data: {email: email_data},
error: function(xhr) { },
success: function(response) { alert(response); }
});
}
};
</script>
</body>
</html>
member_order_email.php
當中處理訂閱的檢查與訂閱動作，傳回狀態。
就好惹～～
![[生活] 藍色的太陽水 －－ 藍色玻璃瓶與太陽的魔法](http://lh6.ggpht.com/_9Vlifw_I50g/TGgDx2KSexI/AAAAAAAAD_0/baUhDsz7dG4/w680/pic.jpg)
![[清理] Ho.oponopono12步驟](https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_sSgLIlpBa1ObkQxtEKqsUjMAgMEOUO1MMMnW9g8PYezP9UzORaGOSK_JGeBvCc9V5TXJB5qPKQweIvc4u65D3YeSoyH_H8N44lIt1LioKtVAwJ2w=w680)
![[電影] 復仇者聯盟 －－ 好大的誘惑](https://lh6.googleusercontent.com/-0CsXwsdnNPM/T5fG5sCMZfI/AAAAAAAAQ1A/XD0CAH3vfKc/w680/%25E7%2585%25A7%25E7%2589%2587%2520043.jpg)
0 留言