基于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 相关文章推荐
让广告代码不再影响你的网页加载速度
Jul 07 Javascript
TextArea 控件的最大长度问题(js json)
Dec 16 Javascript
文字不间断滚动(上下左右)实例代码
Apr 21 Javascript
Jquery实现鼠标移上弹出提示框、移出消失思路及代码
May 19 Javascript
Jquery实现列表(隔行换色,全选,鼠标滑过当前行)效果实例
Jun 09 Javascript
删除select中所有option选项jquery代码
Aug 12 Javascript
javascript 回到顶部效果的实现代码
Feb 17 Javascript
js实现网页右上角滑出会自动消失大幅广告的方法
Feb 27 Javascript
javascript类型系统_正则表达式RegExp类型详解
Jun 24 Javascript
利用HTML5+Socket.io实现摇一摇控制PC端歌曲切换
Jan 13 Javascript
vue子父组件通信的实现代码
Jul 09 Javascript
JavaScript使用面向对象实现的拖拽功能详解
Jun 12 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 文件上传全攻略
2010/04/28 PHP
获取任意Html元素与body之间的偏移距离 offsetTop、offsetLeft (For:IE5+ FF1 )[
2006/12/22 Javascript
JS中简单的实现像C#中using功能(有源码下载)
2007/01/09 Javascript
JavaScript 版本自动生成文章摘要
2008/07/23 Javascript
javascript 在网页中的运用(asp.net)
2009/11/23 Javascript
jquery控制listbox中项的移动并排序的实现代码
2010/09/28 Javascript
理解JAVASCRIPT中hasOwnProperty()的作用
2013/06/05 Javascript
JavaScript中对象属性的添加和删除示例
2014/05/12 Javascript
HTML5实现留言和回复页面样式
2015/07/22 Javascript
javascript中使用未定义变量或值的情况分析
2016/07/19 Javascript
Vue2组件tree实现无限级树形菜单
2017/03/29 Javascript
基于JavaScript实现多级菜单效果
2017/07/25 Javascript
浅谈Vue-cli单文件组件引入less,sass,css样式的不同方法
2018/03/13 Javascript
jQuery zTree插件使用简单教程
2019/08/16 jQuery
vue实现在v-html的html字符串中绑定事件
2019/10/28 Javascript
Python的time模块中的常用方法整理
2015/06/18 Python
怎样使用Python脚本日志功能
2016/08/14 Python
深入学习Python中的上下文管理器与else块
2017/08/27 Python
Python实现Mysql数据统计及numpy统计函数
2019/07/15 Python
Keras 切换后端方式(Theano和TensorFlow)
2020/06/19 Python
django美化后台django-suit的安装配置操作
2020/07/12 Python
Pycharm创建python文件自动添加日期作者等信息(步骤详解)
2021/02/03 Python
Stubhub英国:购买体育、演唱会和剧院门票
2018/06/10 全球购物
Oracle的内存结构(Memory structures)
2015/06/10 面试题
.net软件工程师面试题
2015/03/31 面试题
国贸专业个人求职信分享
2013/12/04 职场文书
元旦联欢会感言
2014/03/04 职场文书
奠基仪式主持词
2014/03/20 职场文书
上班迟到检讨书
2014/09/15 职场文书
普通党员个人对照检查材料
2014/09/18 职场文书
违反单位工作制度检讨书
2014/10/25 职场文书
小学教师2014年度工作总结
2014/12/03 职场文书
感谢信的格式
2015/01/21 职场文书
滴水洞导游词
2015/02/10 职场文书
python实现web邮箱扫描的示例(附源码)
2021/03/30 Python
SpringBoot工程下使用OpenFeign的坑及解决
2021/07/02 Java/Android