基于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 相关文章推荐
JavaScript 高级语法介绍
Jun 15 Javascript
基于jquery的修改当前TAB显示标题的代码
Dec 11 Javascript
表单JS弹出填写提示效果代码
Apr 16 Javascript
jQuery EasyUI API 中文文档 - ComboTree组合树
Oct 11 Javascript
javascript实现2048游戏示例
May 04 Javascript
微信小程序 地图定位简单实例
Oct 14 Javascript
深入理解js中的加载事件
Feb 08 Javascript
jQuery源码解读之extend()与工具方法、实例方法详解
Mar 30 jQuery
webpack+vuex+axios 跨域请求数据的示例代码
Mar 06 Javascript
浅谈ElementUI中switch回调函数change的参数问题
Aug 24 Javascript
angularJs中json数据转换与本地存储的实例
Oct 08 Javascript
vue 自定义右键样式的实例代码
Nov 06 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
?繁体转换的class
2006/10/09 PHP
php页面消耗内存过大的处理办法
2013/03/18 PHP
基于curl数据采集之正则处理函数get_matches的使用
2013/04/28 PHP
推荐几款用 Sublime Text 开发 Laravel 所用到的插件
2014/10/30 PHP
PHP连接MSSQL时nvarchar字段长度被截断为255的解决方法
2014/12/25 PHP
Laravel实现用户注册和登录
2015/01/23 PHP
php通过array_unshift函数添加多个变量到数组前端的方法
2015/03/18 PHP
Zend Framework+smarty用法实例详解
2016/03/19 PHP
apache php mysql开发环境安装教程
2016/07/28 PHP
PHP中Laravel 关联查询返回错误id的解决方法
2017/04/01 PHP
Yii2选项卡的简单使用
2017/05/26 PHP
php基于环形链表解决约瑟夫环问题示例
2017/11/07 PHP
数组方法解决JS字符串连接性能问题有争议
2011/01/12 Javascript
js Event对象的5种坐标
2011/09/12 Javascript
JS冒泡事件的快速解决方法
2013/12/16 Javascript
JS之Date对象和获取系统当前时间详解
2014/01/13 Javascript
JS DOM实现鼠标滑动图片效果
2020/09/17 Javascript
批量下载对路网图片并生成html的实现方法
2016/06/07 Javascript
Angular ng-repeat指令实例以及扩展部分
2016/12/26 Javascript
Node.js学习之地址解析模块URL的使用详解
2017/09/28 Javascript
js实现坦克大战游戏
2020/02/24 Javascript
JS原形与原型链深入详解
2020/05/09 Javascript
[02:01]大师之路——DOTA2完美大师赛11月论剑上海
2017/11/06 DOTA
python中lambda与def用法对比实例分析
2015/04/30 Python
解决PyCharm同目录下导入模块会报错的问题
2018/10/13 Python
关于pycharm中pip版本10.0无法使用的解决办法
2019/10/10 Python
Python基础之高级变量类型实例详解
2020/01/03 Python
Python GUI库PyQt5样式QSS子控件介绍
2020/02/25 Python
瑞贝卡·泰勒官方网站:Rebecca Taylor
2016/09/24 全球购物
公务员党员评议表自我鉴定
2014/09/14 职场文书
丧事答谢词
2015/01/05 职场文书
2016七一建党节慰问信
2015/11/30 职场文书
基于go interface{}==nil 的几种坑及原理分析
2021/04/24 Golang
CSS完成视差滚动效果
2021/04/27 HTML / CSS
使用canvas对video视频某一刻截图功能
2021/09/25 HTML / CSS
Python pyecharts绘制条形图详解
2022/04/02 Python