首页 web前端 js教程 基于jquery实现发送文章到手机的代码_jquery

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

May 16, 2016 pm 04:24 PM
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>
   
                $("#btn_fankui").toggle(function(){
                    $("#fankui_1").fadeIn(1);},
                函数(){
                    $("#fankui_1").fadeOut(1);});
                     $("#fankui_1").click(function(e){e.stopPropagation();});
    $(".fankui_tijiao").click(function(){
     varphone = $("#input_phone").val();
     var content = "您订阅的文章{$title}地址是:{$url}";
     var p1 = /^(((d{3}))|(d{3}-))?13d{9}|15d{9}$/;
     if (p1.test(电话)){
      $("#p_memssage").html("");
      $.ajax({
       url:"{APP_PATH}index.php?m=content&c=phone&a=sms",
       类型:“POST”,
       数据类型:“html”,
       数据:{
        "id":"{$id}",
        “手机”:电话,
        "content":"您订阅的文章《{$title}》地址是:{$url}",
        "rip":"{php echo ip()}",
       },
       错误:函数(数据1,数据2){
        警报(数据2);
        alert("提交失败!请稍后重试!");
       },
       beforeSend:function(){
        $("#short_d").hide();
        $("#short_n").css("显示","块");
       },
       成功:函数(数据){
        $("#fankui_1").css("显示","无");
        $("#short_d").show();
        $("#short_n").css("显示","无");
        警报(数据);
       }
      });
       
     }其他{
      $("#p_memssage").html("<td colspan='2'><center><font color='red'>请正确填写您的手机号</font></中心></td>");
      返回错误;
     }
    });
    $("#fankui_2").click(function(){
     $(this).hide();
    })
            </脚本>
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热门文章

仓库:如何复兴队友
3 周前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.能量晶体解释及其做什么(黄色晶体)
1 周前 By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒险:如何获得巨型种子
3 周前 By 尊渡假赌尊渡假赌尊渡假赌

热门文章

仓库:如何复兴队友
3 周前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.能量晶体解释及其做什么(黄色晶体)
1 周前 By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒险:如何获得巨型种子
3 周前 By 尊渡假赌尊渡假赌尊渡假赌

热门文章标签

记事本++7.3.1

记事本++7.3.1

好用且免费的代码编辑器

SublimeText3汉化版

SublimeText3汉化版

中文版,非常好用

禅工作室 13.0.1

禅工作室 13.0.1

功能强大的PHP集成开发环境

Dreamweaver CS6

Dreamweaver CS6

视觉化网页开发工具

SublimeText3 Mac版

SublimeText3 Mac版

神级代码编辑软件(SublimeText3)

jQuery引用方法详解:快速上手指南 jQuery引用方法详解:快速上手指南 Feb 27, 2024 pm 06:45 PM

jQuery引用方法详解:快速上手指南

jQuery中如何使用PUT请求方式? jQuery中如何使用PUT请求方式? Feb 28, 2024 pm 03:12 PM

jQuery中如何使用PUT请求方式?

jQuery如何移除元素的height属性? jQuery如何移除元素的height属性? Feb 28, 2024 am 08:39 AM

jQuery如何移除元素的height属性?

jQuery小技巧:快速修改页面所有a标签的文本 jQuery小技巧:快速修改页面所有a标签的文本 Feb 28, 2024 pm 09:06 PM

jQuery小技巧:快速修改页面所有a标签的文本

使用jQuery修改所有a标签的文本内容 使用jQuery修改所有a标签的文本内容 Feb 28, 2024 pm 05:42 PM

使用jQuery修改所有a标签的文本内容

深度剖析:jQuery的优势与劣势 深度剖析:jQuery的优势与劣势 Feb 27, 2024 pm 05:18 PM

深度剖析:jQuery的优势与劣势

了解jQuery中eq的作用及应用场景 了解jQuery中eq的作用及应用场景 Feb 28, 2024 pm 01:15 PM

了解jQuery中eq的作用及应用场景

如何判断jQuery元素是否具有特定属性? 如何判断jQuery元素是否具有特定属性? Feb 29, 2024 am 09:03 AM

如何判断jQuery元素是否具有特定属性?

See all articles