首页 > 代码库 > 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 表单提交
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。