纵有疾风起
人生不言弃

tp3.2 ajax 表单提交

前台:

复制代码
  1 <form action="javascript:;" method="post" class="form_div" id="tj">  2   3                     <ul class="feed_ul clearfix">  4                         <li>  5                             <div class="div_biao"><i class=" icon-user"></i> 姓名<i>*</i></div>  6                             <input style="background: #ededed;" class="form-control" type="text" name="lc_name" placeholder=""   id="name"/>  7   8                         </li>  9                         <li> 10                             <div class="div_biao"><i class=" icon-home"></i> 公司<i>*</i></div> 11                             <input style="background: #ededed;" class="form-control" type="text" name="lc_company" placeholder=""  id="phone"/> 12  13  14                         </li> 15                         <li> 16                             <div class="div_biao"><i class=" icon-volume-down"></i> 电话<i>*</i></div> 17                             <input style="background: #ededed;" class="form-control" type="text" name="lc_tel" placeholder=""  id="add"/> 18  19                         </li> 20                         <li> 21                             <div class="div_biao"><i class=" icon-comment"></i> 邮 箱<i>*</i></div> 22                             <input style="background: #ededed;" class="form-control" type="text" name="lc_email" placeholder=""   id="email"/> 23  24                         </li> 25  26                         <br /> 27  28                         <li> 29  30                             <input type="text" name="code" class="form-control pword" id="code" placeholder="验证码" oncontextmenu="return false" onpaste="return false"  style="background: #ededed;" /> 31                             <br /> 32                             <img onClick="this.src=this.src+'?'+Math.random();" title="看不清楚?点击刷新验证码?" class="verifyimg reloadverify" alt="点击切换" src="{:U('verify')}" height="80%";  /> 33  34                         </li> 35  36                         <br/> 37  38             <li style="text-align: center"> 39                 <input  type="button" class="btn btn-primary"  onClick="formsubmit()" value="提交"> </input> 40             </li> 41  42  43  44             <script type="text/javascript"> 45                 function formsubmit() 46                 { 47  48                     var name=$("input[name=lc_name]").val(); 49                     var tel=$("input[name=lc_tel]").val(); 50                     var company=$("input[name=lc_company]").val(); 51                     var email=$("input[name=lc_email]").val(); 52                     var code=$("input[name=code]").val(); 53  54  55  56                     if(!name) 57                     { 58                         alert('姓名不能为空!'); 59                         return false; 60                     } 61                     if(!company) 62                     { 63                         alert('公司地址不可以为空!'); 64                         return false; 65                     } 66  67                     //手机号 68                     if(!/^1\d{10}$/.test(tel)){ 69                         alert('请输入正确手机号码!'); 70                         return false; 71                     } 72  73                     if(!/^(\w-*\.*)+@(\w-?)+(\.\w{2,})+$/.test(email) ) 74                     { 75                         alert('请输入正确邮箱!'); 76                         return false; 77                     } 78                     if(!code) 79                     { 80                         alert('验证码不可以为空!'); 81                         return false; 82                     } 83  84  85                     //$("#tj").attr("action","zxbm").submit(); 86  87  88                     $.ajax({ 89                         async:false, 90                         url:"__ROOT__/Home/Index/zxbm", 91                         data:{lc_name:name,lc_tel:tel,lc_company:company,lc_email:email,code:code}, 92                         type:"POST", 93                         datatype:"TEXT", 94                         success:function(data){ 95  96                             if(data=="在线报名成功!") 97                             { 98                                 alert(data); 99                                 window.location.href="__ROOT__/Home/Index/index";100                             }101                             else102                             {103                                 alert(data);104                             }105 106 107                         }108                     });109 110 111                 }112 113 114 115             </script>116 117 118 119 120         </ul>121 122 </form>
复制代码

后台:

复制代码
 1     public function zxbm() 2     { 3  4         if(IS_POST) 5         { 6  7  8             $verify = new \Think\Verify(); 9             $yzjg = $verify->check($_POST['code']);10             if($yzjg)11             {12                 $zxbm = D("zxbm"); // 实例化User对象13                 $zxbm->create(); // 生成数据对象14                 $res = $zxbm->add(); // 新增用户数据15 16                 if($res)17                 {18                     $data ='在线报名成功!';19                     $this->ajaxReturn($data);20                 }21                 else22                 {23                     $data ='在线报名失败!';24                     $this->ajaxReturn($data);25                 }26             }27             else28             {29                 $data ='输入的验证码有误!';30                 $this->ajaxReturn($data);31             }32 33 34 35         }36 37        38         $this->display();39 40     }41 42     public function verify(){43         $config =    array(44             'fontSize'    =>    45,    // 验证码字体大小45             'length'      =>    4,     // 验证码位数46         );47         $Verify = new \Think\Verify($config);48         $Verify->entry();49 50 51     }
复制代码

 

文章转载于:https://www.cnblogs.com/shenzikun1314/p/7325341.html

原著是一个有趣的人,若有侵权,请通知删除

未经允许不得转载:起风网 » tp3.2 ajax 表单提交
分享到: 生成海报

评论 抢沙发

评论前必须登录!

立即登录