当前位置:首页 > 资讯动态 > 网站建站 >

查看更多资讯中心

织梦通过ajax提交自定义表单2019-01-23 来源:蓝典网络

内容摘要:自定义表单通过ajax提交,不用跳转页面。实现方法如下: html表单代码部分,把提交按钮的type属性改成botton,添加onclick事件 表单代码: form action=javascript:; enctype=multipart/form-data method...

自定义表单通过ajax提交,不用跳转页面。实现方法如下:

html表单代码部分,把提交按钮的type属性改成botton,添加onclick事件

  1. 表单代码:
  2. <form action="javascript:;" enctype="multipart/form-data" method="post">
  3.             <input type="hidden" name="action" value="post" />
  4.             <input type="hidden" name="diyid" value="1" />
  5.             <input type="hidden" name="do" value="2" />
  6.  
  7.             <label>姓名:<input type="text" id="name" name="name" value="" /></label>
  8.             <label>电话:<input type="text" id="tel" name="tel" value="" /></label>
  9.             <label>手机:<input type="text" id="iphone" name="iphone" value="" /></label>
  10.             <label>邮箱:<input type="text" id="email" name="email" value="" /></label>
  11.             <table>
  12.               <tr>
  13.                 <td valign="top">留言:</td>
  14.                 <td><textarea id="liuyan" name="liuyan"></textarea></td>
  15.               </tr>
  16.             </table>
  17.             <input type="hidden" name="dede_fields" value="name,textchar;tel,textchar;iphone,textchar;email,textchar;liuyan,multitext" />
  18.     <input type="button" class="submit fr" value="提 交" onclick="add_ajaxmessage()"/>
  19. </form>

js代码(这里的代码采用了jQuery,要提前引入):
  1. function add_ajaxmessage(){
  2.     
  3.     var name=document.getElementById("name");
  4.     var tel    =document.getElementById("tel");
  5.     var iphone=document.getElementById("iphone");
  6.     var email=document.getElementById("email");
  7.     var liuyan=document.getElementById("liuyan");
  8.     
  9.     //定义变量接收上面表单每项的值和几个dede隐藏的input的值
  10.     var dataString = 'name='+ name.value + '&tel=' + tel.value + '&iphone=' + iphone.value + '&email=' + email.value + '&liuyan='+ liuyan.value +'&action=post'+ '&diyid=1&do=2&dede_fields=name,textchar;tel,textchar;iphone,textchar;email,textchar;liuyan,multitext';
  11.     $.ajax({
  12.         type: "POST",
  13.         url: "/plus/diy.php", //提交到后台文件
  14.         data: dataString, //传值
  15.         success: function(data) {
  16.  
  17.             alert(data);//成功打印PHP返回的值
  18.         
  19.         }
  20.     });
  21.     return false;
  22.  
  23. }


php代码:
 
找到:if(!empty($dede_fields))
{
    //在里面加入判断语句,不判断也可以

    if($name==""){    
        echo "请填写您的姓名!";//注意:输出用echo输出,不要用showMsg();
        exit();
    }
}

找到:$goto = !empty($cfg_cmspath) ? $cfg_cmspath : '/';
      $bkmsg = '发布成功,请等待管理员处理...';
这两句,改成:echo "提交成功!";

删掉下面这一句:showmsg($bkmsg, $goto);


要做网站?580全包

咨询客服

蓝典客服热线 电话:0592-5325273 13950058311 微信:13950058311 客服QQ:1391796206
284028140
扫描二维码
添加客服微信

扫码关注

公众号:蓝典网络 (landianwl) 扫描二维码
关注蓝典公众号