zl程序教程

您现在的位置是:首页 >  前端

当前栏目

基于jquery实现发送文章到手机的代码

jQuery手机代码 实现 基于 文章 发送
2023-06-13 09:15:38 时间

前段时间做项目的时候写的一段代码,感觉挺实用,记录下来分享给大家

复制代码代码如下:


<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>