记录一段朴实无华的jquery代码
<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>发送文章到手机</caption> <tr> <td align="right" valign="middle"><label for="mphno">手机号</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">请稍等</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("提交出错!请稍后重试!"); }, 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'>请正确填写你的手机号</font></center></td>"); return false; } }); $("#fankui_2").click(function(){ $(this).hide(); }) </script>
发表评论 取消回复