首页 > 代码库 > tp3.2 ajax 表单提交

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=http://www.mamicode.com/this.src+‘?‘+Math.random();" title="看不清楚?点击刷新验证码?" class="verifyimg reloadverify" alt="点击切换" src="http://www.mamicode.com/{: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="http://www.mamicode.com/提交"> </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(datahttp://www.mamicode.com/=="在线报名成功!")
 97                             {
 98                                 alert(data);
 99                                 window.location.href="http://www.mamicode.com/__ROOT__/Home/Index/index";
100                             }
101                             else
102                             {
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                 else
22                 {
23                     $data =‘在线报名失败!‘;
24                     $this->ajaxReturn($data);
25                 }
26             }
27             else
28             {
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     }

 

tp3.2 ajax 表单提交