基于jquery实现发送文章到手机的代码
前段时间做项目的时候写的一段代码,感觉挺实用,记录下来分享给大家
<aclass="btn_fankuirelative"id="btn_fankui"style="top:7px;"> <divclass="qr_content"id="fankui_1"style="top:40px;left:-25px;"> <span></span> <formclass="fankui_form"action=""> <table> <caption>发送文章到手机</caption> <tr> <tdalign="right"valign="middle"><labelfor="mphno">手机号</label></td> <td><inputclass="input"name="mphno"type="text"id="input_phone"/></td> </tr> <trid="p_memssage"> </tr> <tr> <tdcolspan="2"align="right"id="short_d"><inputname=""type="button"class="fankui_tijiao"value="提 交"/></td> <tdcolspan="2"align="center"id="short_n"style="display:none">请稍等</td> </tr> </table> </form> </div> </a> <scripttype="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(){ varphone=$("#input_phone").val(); varcontent="您订阅的文章{$title}地址是:{$url}"; varp1=/^((\(\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":"{phpechoip()}", }, error:function(data1,data2){ alert(data2); alert("提交出错!请稍后重试!"); }, 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("<tdcolspan='2'><center><fontcolor='red'>请正确填写你的手机号</font></center></td>"); returnfalse; } }); $("#fankui_2").click(function(){ $(this).hide(); }) </script>