100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > 织梦做ajax提交 织梦用ajax提交自定义表单的办法-不跳转

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

时间:2019-07-24 20:13:41

相关推荐

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

织梦不跳转用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 技术交流②群

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。