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' />
<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提交自定义表单的办法-不跳转