DEDEcms织梦自定义表单通过ajax提交实现代码

深碍√TFBOYSˉ_ 2023-05-28 12:52 2阅读 0赞

DEDEcms织梦系统通过自定义表单通过ajax判断，提交不用跳转页面，提高用户体验。具体方法如下：  
html表单代码部分，就提交按钮改成botton,，添加onclick事件：

**1、表单代码：**

<form action="javascript:;" enctype="multipart/form-data" method="post">
                <input type="hidden" name="action" value="post" />
                <input type="hidden" name="diyid" value="1" />
                <input type="hidden" name="do" value="2" />
     
                <label>姓名：<input type="text" id="name" name="name" value="" /></label>
                <label>电话：<input type="text" id="tel" name="tel" value="" /></label>
                <label>手机：<input type="text" id="iphone" name="iphone" value="" /></label>
                <label>邮箱：<input type="text" id="email" name="email" value="" /></label>
                <table>
                  <tr>
                    <td valign="top">留言：</td>
                    <td><textarea id="liuyan" name="liuyan"></textarea></td>
                  </tr>
                </table>
                <input type="hidden" name="dede_fields" value="name,textchar;tel,textchar;iphone,textchar;email,textchar;liuyan,multitext" />
        <input type="button" class="submit fr" value="提 交" onclick="add_ajaxmessage()"/>
    </form>

**2、js代码（这个代码之前一定要引入jQuery库）：**

function add_ajaxmessage(){
        var name=document.getElementById("name");
        var tel    =document.getElementById("tel");
        var iphone=document.getElementById("iphone");
        var email=document.getElementById("email");
        var liuyan=document.getElementById("liuyan");
        
        //定义变量接收上面表单每项的值和几个dede隐藏的input的值
        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';
        $.ajax({
            type: "POST",
            url: "/plus/diy.php", //提交到后台文件
            data: dataString, //传值
            success: function(data) {
     
                alert(data);//成功打印PHP返回的值
            
            }
        });
        return false;
     
    }

**3、php后端代码：**

1.找到：if(!empty($dede\_fields))

{
        //在里面加入判断语句,不判断也可以
    
        if($name==""){    
            echo "请填写您的姓名！";    //注意：输出用echo输出，不要用showMsg()；
            exit();
        }
    }

2.找到：

$goto = !empty($cfg\_cmspath) ? $cfg\_cmspath : '/';  
$bkmsg = '发布成功，请等待管理员处理...';  
这两句，改成：

echo "提交成功！";

删掉下面这一句：

showmsg($bkmsg, $goto);

发表评论取消回复

表情：

评论列表（有 0 条评论，2人围观）

还没有评论，来说两句吧...

相关阅读

相关织梦DEDECMS自定义表单判断字段判断不能为空解决办法

今天小编用织梦DEDECMS自定义表单做在线提交订单的时候，遇到一个问题，就是添加判断语句，当自定义表单里面为空的时候，提示，提交失败，找了半天，解决办法很简单，简单

不念不忘少年蓝@/ 2023年07月19日 05:57/ 0 赞/ 29 阅读

相关织梦dedecms自定义表单提交，并添加验证码判断

1、添加验证码验证：在页面中添加验证码相关的表单，参考上一步审查源代码的验证码 <input name="validate" type="text" id="vdco

短命女/ 2023年07月18日 11:20/ 0 赞/ 20 阅读

相关 DEDEcms织梦自定义表单通过ajax提交实现代码

DEDEcms织梦系统通过自定义表单通过ajax判断，提交不用跳转页面，提高用户体验。具体方法如下： html表单代码部分，就提交按钮改成botton,，添加onclick

深碍√TFBOYSˉ_/ 2023年05月28日 12:52/ 0 赞/ 3 阅读

相关 dedecms织梦入门

一、全局 1，[下载][Link 1] 2，安装 ![在这里插入图片描述][20201002192958243.png_pic_center] 2.1将u

Dear 丶/ 2022年12月11日 13:56/ 0 赞/ 251 阅读

相关织梦标签静态html织梦58,dedecms织梦程序实现TAG标签伪静态

织梦TAG标签伪静态处理方法网上一堆，但是很难找到一个标准的教程，今天麦模板整理一个比较完整的教程，供大家分享。说到织梦伪静态，麦模板技术团队建议大家修改成织梦TAG标签URL

不念不忘少年蓝@/ 2022年10月05日 15:58/ 0 赞/ 291 阅读

相关织梦dedecms自定义表单实现在线留言方法

想用织梦实现的留言效果： ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG

灰太狼/ 2022年08月30日 05:24/ 0 赞/ 286 阅读

相关 DedeCms织梦自定义表单内容导出到excel

导出效果 ![DedeCms织梦自定义表单内容导出到excel][DedeCms_excel] 不写死任何字段，不写死任何东西，修改2个文件，让织梦自定义表单自由导出到

向右看齐/ 2022年05月25日 12:09/ 0 赞/ 266 阅读

相关 DedeCMS织梦自定义表单添加内容判断功能

我们在做站的时候，经常需要做表单来收集客户信息，以前我们使用DedeCMS留言簿插件二次开发来做成表单，这样会显得很麻烦，更多时候我们使用自定义表单来收集，前段时间也分

待我称王封你为后i/ 2022年05月25日 12:07/ 0 赞/ 256 阅读

相关织梦dedecms自定义表单留言板邮件提醒设置

一,先在后台核心,频道模型,自定义表单中设置好留言板及相关字段.具体可以搜索了解. 二后台,系统,基本参数,添加新变量,增加myemail即客户留言后的收信电子邮件地址比如,

深藏阁楼爱情的钟/ 2021年09月25日 19:42/ 0 赞/ 445 阅读

相关织梦自定义表单HTML：

自定义表单HTML用~name~表示提示文字，~form~表示表单元素这个功能主要是在cms网站的会员在会员中心填表单投稿时,可以看到添加的字段注释.这个注释可以加在表单输

男娘i/ 2021年09月23日 02:14/ 0 赞/ 412 阅读