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

1、引入jquery库

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

<form  method="post" target="myFrame"  id="form1" >
<input type="hidden" name="action"p ? B 5 ; 2 value="post" />
&F V s ^ Qlt;input type="hidden" name="diyid" value="1" />
<input type="hidden"a 2 = i } ; F ( name="do" value="2" />
<input typf c 4 s ae="hidden" name="dede_fields" value="name,text;mobie,text;addres1,text;yusuan,text;centent,multitext" /&4 ) A v y 6 D o Sgt;
<input ty8 C Bpe="hidden" name="de; v T B V ` E Ude_fieldshash" value="734853fb61fda5c7c8d607050d3a791f" />
<input type="text" nj I $ Z ] = Name="name" id="name" class=& 4 # [ [ v K"finput1"n u P n V c placeholder="*您的姓名" >
<input type="tel" name="mobie" id="mobie" class="fin5 J \ e \ ; 0 n Vput1" placeholder="*您的电话" >
<input type="text" name="addres1" id="addres1" class="finput1" placehT } 1 , m ? Q z !older="意向区域0 | 5 & 5" >
<input type="t; ] P t . 0 }ext" name=t R 5 ."yusuan"y C | r P id="yA x v Qusuan" class="finput1" placeholder="p / X ` D输入投资预算 如:15-20W" >
<textarea id="contents" name="centent" class="finput2" placeholdet [ x V ar="请在此输入留言内容,我们会尽快N [ k与您联系"></textarea>
<input type="butn a J J -ton" id="btn" class="feedb2 ? M Z + f Lackbtn2" value="马上提交">
</form>

<input type=”button” id=”btn” class=”feedbackbtn2″ value=– y + % / 6“马上提交”>这里的id=”btn”的值要和下面ajax代码里#btn值一样

把ajax代码放在页面最底部(不能放在jquerp A y c Q = W 6y库之前)

<script>
$("#btn").click(function() {
var name_main = $("#name").val();
var reg1 = /^[\u4E00-\u9FA5]{2,5}(?:[\u4E00-\u9FA5]{2,5})*$/;
var mobile_main = $("#mobie").val();
vV $ I e !ar reg2 = /^1[3|4|5|7|8][0-9]{9}$/;
if (name_main == '')U I # _ - k [ & {
alert('姓名不能为空!');
return false                } elsF ) B Q je if (!reg1.test(name_main)) {
ale\ N + _ X \rt('请输入有效的姓名!');
return false                }
if (mobile_main == '') {
alert('手机不能为空!');
retuV / i 7rn false                } else if (!reg2.test(mobile_mai% K n 5 H un)) {
alert('请输入有效的手机号码!');
return false                }
$.ajax({4 1 v Y
cache: true,
type: "POST",
url:"/plus/diy.php",
data:$('#form1').serialize(),
success: function(data) {
alert('加盟申请提交成[ X - W e r \功,客服将在12小时内联系您,请留意手机或者微信!');
$('#form1')[0].reset();
}
});return false;
})
</s* h 3 M Q X 5 ?cript>

免责声明:本站所有文章和图片均来自用户分享和网络收集,文章和图片版权归原作者及原出处所有,仅供学习与参考,请勿用于商业用途,如果损害了您的权利,请联系网站客服处理。

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注