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

本文介绍了一种最新的方法,通过引入jQuery库并编写Ajax代码实现织梦CMS中自定义表单的提交,无需页面跳转。在用户点击按钮后,表单数据将被验证,如姓名和手机号的格式,验证通过后数据将以POST方式发送到指定PHP文件,成功后提示用户并清空表单。此外,文章还提供了相关QQ群信息供读者交流学习。
摘要由CSDN通过智能技术生成

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

1、引入jquery库

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

这里的id="btn"的值要和下面ajax代码里#btn值一样

把ajax代码放在页面最底部(不能放在jquery库之前)

$("#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;

})

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

有问题可以加入织梦技术QQ群一起交流学习

本站vip会员 请加入织梦58 VIP②群 PS:加入时备注用户名或昵称

普通注册会员或访客 请加入织梦58 技术交流②群

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值