1、引入jquery庫
織夢自定義表單調(diào)用代碼代碼:
<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">內(nèi)容:</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值一樣
把a(bǔ)jax代碼放在頁面最底部(不能放在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('手機(jī)不能為空!');
return false } else if (!reg2.test(mobile_main)) {
alert('請輸入有效的手機(jī)號碼!');
return false }
$.ajax({
cache: true,
type: "POST",
url:"/plus/diy.php",
data:$('#form1').serialize(),
success: function(data) {
alert('加盟申請?zhí)峤怀晒?客服將在12小時(shí)內(nèi)聯(lián)系您,請留意手機(jī)或者微信!');
$('#form1')[0].reset();
}
});return false;
})
</script>
版權(quán)聲明: 本站資源均來自互聯(lián)網(wǎng)或會(huì)員發(fā)布,如果侵犯了您的權(quán)益請與我們聯(lián)系,我們將在24小時(shí)內(nèi)刪除!謝謝!
轉(zhuǎn)載請注明: 織夢用ajax提交自定義表單的辦法-不跳轉(zhuǎn)