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


Posted in Javascript onDecember 26, 2014

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

<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>
Javascript 相关文章推荐
jquery.lazyload  实现图片延迟加载jquery插件
Feb 06 Javascript
深入分析js中的constructor和prototype
Apr 07 Javascript
js对象基础实例分析
Jan 13 Javascript
jquery获取当前元素索引值用法实例
Jun 10 Javascript
浅谈jquery.fn.extend与jquery.extend区别
Jul 13 Javascript
详解JavaScript函数对象
Nov 15 Javascript
原生js实现倒计时功能(多种格式调用)
Jan 12 Javascript
jQuery模拟淘宝购物车功能
Feb 27 Javascript
vue实现微信分享朋友圈,发送朋友的示例讲解
Feb 10 Javascript
解决vue-cli单页面手机应用input点击手机端虚拟键盘弹出盖住input问题
Aug 25 Javascript
inquirer.js一个用户与命令行交互的工具详解
May 18 Javascript
JavaScript创建表格的方法
Apr 13 Javascript
jQuery中ajax的post()方法用法实例
Dec 26 #Javascript
jQuery中ajax的get()方法用法实例
Dec 26 #Javascript
分享2个jQuery插件--jquery.fileupload与artdialog
Dec 26 #Javascript
使用Plupload实现直接上传附件至七牛云存储
Dec 26 #Javascript
基于javascript的COOkie的操作实现只能点一次
Dec 26 #Javascript
jQuery中ajax的load()方法用法实例
Dec 26 #Javascript
jquery中checkbox全选失效的解决方法
Dec 26 #Javascript
You might like
PHP脚本数据库功能详解(下)
2006/10/09 PHP
php重定向的三种方法分享
2012/02/22 PHP
Yii配置文件用法详解
2014/12/04 PHP
php运行提示:Fatal error Allowed memory size内存不足的解决方法
2014/12/17 PHP
Yii框架日志操作图文与实例详解
2019/09/09 PHP
js类中的公有变量和私有变量
2008/07/24 Javascript
指定区域的图片自动按比例缩小的js代码(防止页面被图片撑破)
2014/02/21 Javascript
基于jQuery实现仿淘宝套餐选择插件
2015/03/04 Javascript
jquery实现焦点图片随机切换效果的方法
2015/03/12 Javascript
JavaScript测试工具之Karma-Jasmine的安装和使用详解
2015/12/03 Javascript
编写高质量JavaScript代码的基本要点
2016/03/02 Javascript
深入理解jQuery()方法的构建原理
2016/12/05 Javascript
JS实现间歇滚动的运动效果实例
2016/12/22 Javascript
Vue.js实现网格列表布局转换方法
2017/08/25 Javascript
vue实现a标签点击高亮方法
2018/03/17 Javascript
浅谈node中的cluster集群
2018/06/02 Javascript
JavaScript实现表单注册、表单验证、运算符功能
2018/10/15 Javascript
Vue安装浏览器开发工具的步骤详解
2019/05/12 Javascript
微信公众号平台接口开发 获取access_token过程解析
2019/08/14 Javascript
layui use 定义js外部引用函数的方法
2019/09/26 Javascript
python使用PyGame模块播放声音的方法
2015/05/20 Python
Python构建XML树结构的方法示例
2017/06/30 Python
python实现将一个数组逆序输出的方法
2018/06/25 Python
使用python批量化音乐文件格式转换的实例
2019/01/09 Python
python 实现提取某个索引中某个时间段的数据方法
2019/02/01 Python
Python 实现的 Google 批量翻译功能
2019/08/26 Python
使用Python通过oBIX协议访问Niagara数据的示例
2020/12/04 Python
h5页面唤起app如果没安装就跳转下载(iOS和Android)
2020/06/03 HTML / CSS
SportsDirect.com马来西亚:英国第一体育零售商
2018/11/21 全球购物
英国买鞋网站:Charles Clinkard
2019/11/14 全球购物
运动会广播稿60字
2014/01/15 职场文书
《问银河》教学反思
2014/02/19 职场文书
部门活动策划方案
2014/08/16 职场文书
2014年就业工作总结
2014/11/26 职场文书
新员工入职感想
2015/08/07 职场文书
使用JS实现简易计算器
2021/06/14 Javascript