星联网络专注帝国CMS二次功能插件开发-精品网站模板站长代码素材

  • 最近更新
  • 模板:33
  • 记录:12641|
  • 插件:52|
  • 工具:4|
  • 代码:8|
  • 评论:0

织梦用ajax提交自定义表单的办法-不跳转

前言

本文主要讲解《织梦用ajax提交自定义表单的办法-不跳转》的详细内容

织梦不跳转用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>

本网刊登的文章均仅代表作者个人观点,并不代表本网立场。文中的论述和观点,敬请读者注意判断。

本文地址:http://www.xlkjgs.com/notes/web/7633.html

以上内容由本站整理呈现,请务必在转载分享时注明本文地址!如对内容有疑问,请联系我们,谢谢!

星联网络

星联网络是中国最具实战的互联网创业者的知识服务商,这里有互联网行业动态,网络推广,SEO优化,SEM优化,ESC配置,行业经验分型,互联网项目,微信营销、淘宝客赚钱、新媒体营销、京东运营、跨境电商等众多互联网营销知识分享

站长运营站长必备网站运营之道才能长久发展