织梦用ajax提交自定义表单的办法-不跳转
1、引入jquery库
织梦自定义表单调用代码代码:
<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>
☉首先声明,只要是我们的vip会员所有源码均可以免费下载,不做任何限制
☉本站的源码不会像其它下载站一样植入大量的广告。为了更好的用户体验以后坚持不打水印
☉本站只提供精品源码,源码在于可用,不在多!!希望在这里找到你合适的。
☉本站提供的整站程序,均带数据及演示地址。可以在任一源码详情页查看演示地址
☉本站所有资源(包括源码、模板、素材、特效等)仅供学习与参考,请勿用于商业用途。
☉如有其他问题,请加网站客服QQ(984818011)进行交流。
☉本站的源码不会像其它下载站一样植入大量的广告。为了更好的用户体验以后坚持不打水印
☉本站只提供精品源码,源码在于可用,不在多!!希望在这里找到你合适的。
☉本站提供的整站程序,均带数据及演示地址。可以在任一源码详情页查看演示地址
☉本站所有资源(包括源码、模板、素材、特效等)仅供学习与参考,请勿用于商业用途。
☉如有其他问题,请加网站客服QQ(984818011)进行交流。
相关教程:
- 织梦dede首页列表页获取文章对应的tag标签
- 织梦dede导航栏目顶级和二级判断二级输出不同url
- 织梦dede标签array runphp静态生成乱码BUG解决方法
- 织梦dede如何禁止会员发布文章内容带超链接
- 织梦ajax跨域提交自定义表单和跨域验证码问题
- 织梦CMS MIP文章内容页图片适配百度MIP规范
- 织梦CMS时间格式实现XX秒前、XX分钟前、XX天前
- 织梦DedeCMS更新系统缓存增加清理沉余缓存的功能
- 织梦CMS让channelartlist标签支持currentstyle属性的
- 织梦dede自带编辑器替换百度ueditor编辑器
- 织梦DEDECMS整站动态化或整站静态化设置方法
- 织梦dede 模板路径templets目录都有什么?