织梦不跳转用ajax提交自定义表单的*新方法_织梦CMS教程

织梦不跳转用ajax提交自定义表单的*新方法亲测可用

1、引入jquery库，点击【jquery.min.zip】下载

织梦自定义表单调用代码代码：

<form  method="post" target="myFrame"  id="form1" >
<input type="hidden" name="action" value="post" />
<input type="hidden" name="diyid" value="1" />
<input type="hidden" name="do" value="2" />
<input type="hidden" name="dede_fields" value="name,text;mobie,text;addres1,text;yusuan,text;centent,multitext" />
<input type="hidden" name="dede_fieldshash" value="734853fb61fda5c7c8d607050d3a791f" />
<input type="text" name="name" id="name" class="finput1" placeholder="*您的姓名" >
<input type="tel" name="mobie" id="mobie" class="finput1" placeholder="*您的电话" >
<input type="text" name="addres1" id="addres1" class="finput1" placeholder="意向区域" >
<input type="text" name="yusuan" id="yusuan" class="finput1" placeholder="输入投资预算 如：15-20W" >
<textarea id="contents" name="centent" class="finput2" placeholder="请在此输入留言内容，我们会尽快与您联系"></textarea>
<input type="button" id="btn" class="feedbackbtn2" value="马上提交">
</form>

<input type="button" id="btn" class="feedbackbtn2" value="马上提交">这里的id="btn"的值要和下面ajax代码里#btn值一样

把ajax代码放在页面*底部（不能放在jquery库之前）

<script>
$("#btn").click(function() {
                var name_main = $("#name").val();
                var reg1 = /^[\u4E00-\u9FA5]{2,5}(?:·[\u4E00-\u9FA5]{2,5})*$/;
                var mobile_main = $("#mobie").val();
                var reg2 = /^1[3|4|5|7|8][0-9]{9}$/;
                if (name_main == '') {
alert('姓名不能为空！');
                        return false
                } else if (!reg1.test(name_main)) {
alert('请输入有效的姓名！');
                        return false
                }
                if (mobile_main == '') {
                        alert('手机不能为空！');
                        return false
                } else if (!reg2.test(mobile_main)) {
                       alert('请输入有效的手机号码！');
                        return false
                }
$.ajax({
cache: true,
type: "POST",
url:"/plus/diy.php",
data:$('#form1').serialize(),
success: function(data) {
         alert('加盟申请提交成功,客服将在12小时内联系您，请留意手机或者微信!');
        $('#form1')[0].reset();
}
});
return false;
 })
</script>

ajax提交表单后效果图：

# 织梦CMS教程 # 织梦不跳转用ajax提交自定义表单的*新方法 # form # method # nbsp # target # 内联系 # 与您 # 跳转 # 留言内容 # 客服 # 将在 # 为空 # 自定义 # 请输入 # 放在 # 表单 # 您的 # 织梦ajax提交 # 织梦自定义表单 # 在此 # 保山seo咨询 # 淮安网站推广有用吗 # 关键词优化后排名不靠前 # 房产营销策划推广方案 # seo优化具体工作 # 微博营销怎么精准推广 # 查询网站seo # 上海谷歌网站优化案例 # 宝应网站建设 # 西青区网站优化价格 # 南京网站推广单 # 南平市短视频推广营销靠谱吗 # seo教程入门到精通 # 外贸营销网站建设外包 # 四川seo优化公司 # 温州seo建站服务 # 华蓥百度网站推广 # 淘宝关键词排名优化软件 # 海安轮胎网站建设方案 # seo韩国在线三级 # lt # toolbar # false