基于jquery實(shí)現(xiàn)發(fā)送文章到手機(jī)的代碼
前段時(shí)間做項(xiàng)目的時(shí)候?qū)懙囊欢未a,感覺(jué)挺實(shí)用,記錄下來(lái)分享給大家
<a class="btn_fankui relative" id="btn_fankui" style="top:7px;">
<div class="qr_content" id="fankui_1" style="top:40px; left:-25px;">
<span></span>
<form class="fankui_form" action="">
<table>
<caption>發(fā)送文章到手機(jī)</caption>
<tr>
<td align="right" valign="middle"><label for="mphno">手機(jī)號(hào)</label></td>
<td><input class="input" name="mphno" type="text" id="input_phone"/></td>
</tr>
<tr id="p_memssage">
</tr>
<tr>
<td colspan="2" align="right" id="short_d"><input name="" type="button" class="fankui_tijiao" value="提 交"/></td>
<td colspan="2" align="center" id="short_n" style="display:none">請(qǐng)稍等</td>
</tr>
</table>
</form>
</div>
</a>
<script type="text/javascript">
$("#btn_fankui").toggle(function(){
$("#fankui_1").fadeIn(1);},
function(){
$("#fankui_1").fadeOut(1);});
$("#fankui_1").click(function(e){e.stopPropagation();});
$(".fankui_tijiao").click(function(){
var phone = $("#input_phone").val();
var content = "您訂閱的文章{$title}地址是:{$url}";
var p1 = /^((\(\d{3}\))|(\d{3}\-))?13\d{9}|15\d{9}$/;
if (p1.test(phone)){
$("#p_memssage").html("");
$.ajax({
url:"{APP_PATH}index.php?m=content&c=phone&a=sms",
type:"POST",
dataType:"html",
data:{
"id":"{$id}",
"mobile":phone,
"content":"您訂閱的文章《{$title}》地址是:{$url}",
"rip":"{php echo ip()}",
},
error:function(data1,data2){
alert(data2);
alert("提交出錯(cuò)!請(qǐng)稍后重試!");
},
beforeSend:function(){
$("#short_d").hide();
$("#short_n").css("display","block");
},
success:function(data){
$("#fankui_1").css("display","none");
$("#short_d").show();
$("#short_n").css("display","none");
alert(data);
}
});
}else{
$("#p_memssage").html("<td colspan='2'><center><font color='red'>請(qǐng)正確填寫(xiě)你的手機(jī)號(hào)</font></center></td>");
return false;
}
});
$("#fankui_2").click(function(){
$(this).hide();
})
</script>
- jquery驗(yàn)證手機(jī)號(hào)碼、郵箱格式是否正確示例代碼
- jquery實(shí)現(xiàn)手機(jī)發(fā)送驗(yàn)證碼的倒計(jì)時(shí)代碼
- 解決jQuery動(dòng)態(tài)獲取手機(jī)屏幕高和寬的問(wèn)題
- 使用jquery.validate自定義方法實(shí)現(xiàn)"手機(jī)號(hào)碼或者固話(huà)至少填寫(xiě)一個(gè)"的邏輯驗(yàn)證
- JQuery仿小米手機(jī)搶購(gòu)頁(yè)面倒計(jì)時(shí)效果
- jQuery手機(jī)瀏覽器中拖拽動(dòng)作的艱難性分析
- jQuery實(shí)現(xiàn)手機(jī)號(hào)碼輸入提示功能實(shí)例
- jQuery+HTML5實(shí)現(xiàn)手機(jī)搖一搖換衣特效
- jquery實(shí)現(xiàn)手機(jī)號(hào)碼選號(hào)的方法
- jQuery實(shí)現(xiàn)的手機(jī)發(fā)送驗(yàn)證碼倒計(jì)時(shí)效果代碼分享
- jQuery手機(jī)撥號(hào)界面特效代碼分享
相關(guān)文章
40個(gè)新鮮出爐的jQuery 插件和免費(fèi)教程[上]
作為最流行的 JavaScript 庫(kù),jQuery 擁有豐富的插件,能夠幫助開(kāi)發(fā)者簡(jiǎn)單快速的實(shí)現(xiàn)各種功能2012-07-07
jquery 中ajax執(zhí)行的優(yōu)先級(jí)
本文給大家講述的是個(gè)人再做用戶(hù)注冊(cè)的時(shí)候遇到的ajax執(zhí)行優(yōu)先級(jí)的問(wèn)題,以及在網(wǎng)友們的幫助下,解決此問(wèn)題的全過(guò)程,這里記錄下來(lái),分享給大家。2015-06-06
jQuery基礎(chǔ)學(xué)習(xí)技巧總結(jié)
jQuery基礎(chǔ)學(xué)習(xí)技巧總結(jié)...2007-06-06
jQuery實(shí)現(xiàn)tag便簽去重效果的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)tag便簽去重效果的方法,較為詳細(xì)的分析了html頁(yè)面及js代碼的實(shí)現(xiàn)技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-01-01
jquery實(shí)現(xiàn)兼容IE8的異步上傳文件
這里給大家分享的是使用jQuery插件實(shí)現(xiàn)兼容IE8的異步上傳文件的代碼,效果非常不錯(cuò),有需要的小伙伴可以參考下。2015-06-06
jquery解決客戶(hù)端跨域訪(fǎng)問(wèn)問(wèn)題
這篇文章主要介紹了jquery解決客戶(hù)端跨域訪(fǎng)問(wèn)問(wèn)題,jQuery.ajax()支持get方式的跨域,這其實(shí)是采用jsonp的方式來(lái)完成的,需要的朋友可以參考下2015-01-01
jQuery插件實(shí)現(xiàn)屏蔽單個(gè)元素使用戶(hù)無(wú)法點(diǎn)擊
屏蔽單個(gè)元素使用戶(hù)無(wú)法點(diǎn)擊在某些特殊的情況下還是蠻有用的,例如及不舉了,感興趣的朋友可以參考下,希望可以幫助到你2013-04-04
jQuery post數(shù)據(jù)至ashx實(shí)例詳解
這篇文章主要介紹了jQuery post數(shù)據(jù)至ashx實(shí)例詳解的相關(guān)資料,需要的朋友可以參考下2016-11-11

