欢迎来到素材无忧网,按 + 收藏我们
登录 注册 退出 找回密码

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

时间: 2020-11-18 15:48 阅读: 作者:素材无忧网

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

1、引入jquery库

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

<form action="/plus/diy.php" enctype="multipart/form-data" method="post">   
<input type="hidden" name="action" value="post" />   
<input type="hidden" name="diyid" value="1" />   
<input type="hidden" name="do" value="2" />   
<table style="width:97%;" cellpadding="0" cellspacing="1">   
<tr>   
<td align="right" valign="top">电话:</td>   
<td><input type='text' name='dh' id='dh' style='width:250px'  class='intxt' value='' />   
</td>   
</tr>   
<tr>   
<td align="right" valign="top">邮箱:</td>   
<td><input type='text' name='xy' id='xy' style='width:250px'  class='intxt' value='' />   
</td>   
</tr>   
<tr>   
<td align="right" valign="top">内容:</td>   
<td><textarea name='nr' id='nr' style='width:90%;height:80'></textarea>   
</td>   
</tr>   
<input type="hidden" name="dede_fields" value="dh,text;xy,text;nr,multitext" />   
<input type="hidden" name="dede_fieldshash" value="ad50c1ee216430a63d64780d3e5e7262" /></table>   
<p align='center' style='height:30px;padding-top:10px;'>   
<input type="submit" name="submit" value="提 交" class='coolbg' />   
&nbsp;   
<input type="reset" name="reset" value="重 置" class='coolbg' />   
</p>   
</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>

版权声明: 本站资源均来自互联网或会员发布,如果侵犯了您的权益请与我们联系,我们将在24小时内删除!谢谢!

转载请注明: 织梦用ajax提交自定义表单的办法-不跳转

标签:  
推荐文章
模板推荐