十年潍坊网站建设经验,服务客户千余家。专业潍坊网站设计公司潍坊网站制作公司关于我们 | 客户服务欢迎来到潍坊网站建设公司创想网络!
年轻,更要脱颖而出
对于网站建设,我们有活力,有态度
我们的优势: 专业网络公司,顶尖设计师量身定制 配备阿里云主机,BGP多线,高速访问 99.999%网站数据可靠性 免费提供快速ICP备案 承诺24小时快速解决网站问题

DEDECMS织梦自定义表单ajax判断提交不跳转处理

更新时间:2020-03-13 10:55   已阅读: 次 |  作者:创想网络  来源:潍坊做网站
DEDECMS织梦自定义表单提交成功后返回当前页面的方法。

自定义表单通过ajax判断,提交不用跳转页面,提高用户体验。

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=9"> 
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name='viewport' content="width=device-width, viewport-fit=cover"  />
 
<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0,viewport-fit=cover">
<meta name="HandheldFriendly" content="true">
<title>标题</title>
<meta name="description" content="">
<meta name="keywords" content="">
<link rel="stylesheet" href="/skin/css/common.css">
<link rel="stylesheet" href="/skin/css/css.css">
<script src="/skin/js/jquery-1.11.3.min.js"></script>
<script src="/skin/js/common.js"></script>
<!--[if lt IE 9]>
<script src="https:// oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js">
</script>
<script src="https:// oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js">
</script>
<![endif]-->
</head>
<body ontouchstart> 
<!--WRAP-->
<div class="WRAP">
 
 
{dede:arclist row='6'orderby='id' orderway='asc'  titlelen='50'}  
 
<div><img class="db ww100" src="[field:litpic]" alt="[field:title/]"></div>
 
{/dede:arclist}
 
 
<div class="formDiv">
<div>
<img class="img1" src="/skin/images/7.png" alt="">
<img class="db img2" src="/skin/images/8.png" alt="">
<p class="fs28 cor0 mgt16">价值299元钢琴体验套餐</p>
 
 
 
<form action="/plus/diy.php"  class="pdt16" enctype="multipart/form-data" method="post"  id="form1"  name='myform' onSubmit='return Checkfeedback();'>
<input type="hidden" name="action" value="post" />
<input type="hidden" name="diyid" value="1888" />
<input type="hidden" name="do" value="2" />
 
<div class="mgt16 rel pc1">
<input type="text" id="picker"     name='city' class="input1 pc6" placeholder="所在城市">
</div>
<div class="mgt16 rel">
<input type="text" class="input1 pc2"  id='old' name='old'  placeholder="你或孩子年龄">
</div>
<div class="mgt16 rel">
<input type="text" class="input1 pc3" id='name'  name='name' placeholder="姓名">
</div>
<div class="mgt16 rel">
<input type="text" class="input1 pc4" id='tel'  name='tel' placeholder="手机">
</div>
<div class="mgt16 rel">
<div class="ks">
<p class="pc5 p1">预约课程形式</p>
<div class="pdl105">
<p class="mgt20">
<label class="lab1">
<input type="checkbox"  name='order[]' checked  value='线上钢琴课'><i class="lab1-i"></i><span>线上钢琴课</span>
</label>
</p>
<p class="mgt30">
<label class="lab1">
<input type="checkbox" name='order[]' value='线下钢琴课'><i class="lab1-i"></i><span>线下钢琴课</span>
</label>
</p>
</div>
</div>
 
</div>
<!--<p class="mgt20 fs24 corff0004">*错误提示语位置</p>-->
<input type="hidden" name="dede_fields" value="city,text;old,text;name,text;tel,text;order,checkbox" />
<input type="hidden" name="dede_fieldshash" value="d7061bc5adb476dcef376cd5c5cf643b" />
 
<input type="button"  id='subbb' class="db mgt40 submit" value="马上提交立赠儿童音乐绘本">
</form>
</div>
</div>
</div>
<!--WRAP End--> 
 
<div class="footer">
<img class="ww100" src="/skin/images/23.png" alt="">
</div>
 
 
<!--二维码弹窗-->
<div class="pop" id="pop">
<div>
<a href="###" class="db close"><img src="/skin/images/15.png" alt="关闭按钮"></a>
<img src="/skin/images/14.png" alt="" class="db c-b w127">
<img src="/skin/images/19.png" alt="" class="db mgt20 c-b w192">
<div class=" pop-1"><img src="/skin/images/13.png" alt=""></div>
<img src="/skin/images/18.png" alt="" class="db c-b w422">
</div>
</div>
<script src="/skin/js/picker.min.js"></script>
<script src="/skin/js/city.js"></script>
<script src="/skin/js/index.js"></script>
 
 
<script>
$("#subbb").click(function() {
var city_main = $("#picker").val();
                var name_main = $("#name").val();
var old_main = $("#old").val();
                var reg1 = /^[\u4E00-\u9FA5]{2,5}(?:·[\u4E00-\u9FA5]{2,5})*$/;
                var mobile_main = $("#tel").val();
                var reg2 = /^1[3|4|5|7|8][0-9]{9}$/;
 
if (city_main == '') {
alert('城市不能为空!');
                        return false   }else if
 
(old_main == '') {
alert('年龄不能为空!');
                        return false   }else 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小时内联系您,请留意手机或者微信!');
$('#pop').show();
        $('#form1')[0].reset();
}
});return false;
 })
 
 
$('.close').click(function(){
$('#pop').hide();
});
 
/*
$('.submit').click(function(){
$('#pop').show();
});
$('.close').click(function(){
$('#pop').hide();
});
 
*/
 
 
 
</SCRIPT>
</body>
</html>



文章引用:https://www.wfwz.net/wfwz231.html如需转载,请注明出处。

相关文章:
最新文章:
  • CSS2 video点击中间播放按钮播放视频代码
  • 动态的关键词搜索织梦标签调用相关关键词的
  • 内容为王!百度搜索发布优质内容生产指南
  • DEDECMS织梦自定义表单ajax判断提交不跳转处理
  • js代码百度商桥对话框点击自定义按钮弹出
  • 阿里云服务器系统盘容量扩容给/磁盘扩容不
  • 随机文章:
  • 百度首页改版新首页极致至简
  • 戏说格力空调不涨价是董明珠新谎言
  • 企业做网站建设哪家好【受益匪浅】
  • 企业网站如何在百度上获得好的排名
  • DEDECMS织梦自定义表单ajax判断提交不跳转处理
  • 为什么要做手机移动网站?
  • 潍坊网站建设
    潍坊网站优化
    潍坊网站制作
    潍坊网站建设
    返回顶部