自定義表單通過ajax判斷，提交不用跳轉頁面，提高用戶體驗。具體方法如下：deQ網站目錄_網站網址收錄與提交入口

html表單代碼部分，就提交按鈕改成botton,，添加onclick事件deQ網站目錄_網站網址收錄與提交入口

表單代碼：deQ網站目錄_網站網址收錄與提交入口

<form action="javascript:;" enctype="multipart/form-data" method="post">deQ網站目錄_網站網址收錄與提交入口

<input type="hidden" name="action" value="post" />deQ網站目錄_網站網址收錄與提交入口

<input type="hidden" name="diyid" value="1" />deQ網站目錄_網站網址收錄與提交入口

<input type="hidden" name="do" value="2" />deQ網站目錄_網站網址收錄與提交入口

<label>姓名：<input type="text" id="name" name="name" value="" /></label>deQ網站目錄_網站網址收錄與提交入口

<label>電話：<input type="text" id="tel" name="tel" value="" /></label>deQ網站目錄_網站網址收錄與提交入口

<label>手機：<input type="text" id="iphone" name="iphone" value="" /></label>deQ網站目錄_網站網址收錄與提交入口

<label>郵箱：<input type="text" id="email" name="email" value="" /></label>deQ網站目錄_網站網址收錄與提交入口

<table>deQ網站目錄_網站網址收錄與提交入口

<tr>deQ網站目錄_網站網址收錄與提交入口

<td valign="top">留言：</td>deQ網站目錄_網站網址收錄與提交入口

<td><textarea id="liuyan" name="liuyan"></textarea></td>deQ網站目錄_網站網址收錄與提交入口

</tr>deQ網站目錄_網站網址收錄與提交入口

</table>deQ網站目錄_網站網址收錄與提交入口

<input type="hidden" name="dede_fields" value="name,textchar;tel,textchar;iphone,textchar;email,textchar;liuyan,multitext" />deQ網站目錄_網站網址收錄與提交入口

<input type="button" class="submit fr" value="提 交" onclick="add_ajaxmessage()"/>deQ網站目錄_網站網址收錄與提交入口

</form>deQ網站目錄_網站網址收錄與提交入口

js代碼（這個代碼之前一定要引入jQuery庫）：deQ網站目錄_網站網址收錄與提交入口

function add_ajaxmessage(){deQ網站目錄_網站網址收錄與提交入口

var name=document.getElementById("name");deQ網站目錄_網站網址收錄與提交入口

var tel =document.getElementById("tel");deQ網站目錄_網站網址收錄與提交入口

var iphone=document.getElementById("iphone");deQ網站目錄_網站網址收錄與提交入口

var email=document.getElementById("email");deQ網站目錄_網站網址收錄與提交入口

var liuyan=document.getElementById("liuyan");deQ網站目錄_網站網址收錄與提交入口

//定義變量接收上面表單每項的值和幾個dede隱藏的input的值deQ網站目錄_網站網址收錄與提交入口

var dataString = 'name='+ name.value + '&tel=' + tel.value + '&iphone=' + iphone.value + '&email=' + email.value + '&liuyan='+ liuyan.value +'&action=post'+ '&diyid=1&do=2&dede_fields=name,textchar;tel,textchar;iphone,textchar;email,textchar;liuyan,multitext';deQ網站目錄_網站網址收錄與提交入口

$.ajax({deQ網站目錄_網站網址收錄與提交入口

type: "POST",deQ網站目錄_網站網址收錄與提交入口

url: "/plus/diy.php", //提交到后臺文件deQ網站目錄_網站網址收錄與提交入口

data: dataString, //傳值deQ網站目錄_網站網址收錄與提交入口

success: function(data) {deQ網站目錄_網站網址收錄與提交入口

alert(data);//成功打印PHP返回的值deQ網站目錄_網站網址收錄與提交入口

}deQ網站目錄_網站網址收錄與提交入口

});deQ網站目錄_網站網址收錄與提交入口

return false;deQ網站目錄_網站網址收錄與提交入口

}deQ網站目錄_網站網址收錄與提交入口

php代碼：deQ網站目錄_網站網址收錄與提交入口

找到：if(!empty($dede_fields))deQ網站目錄_網站網址收錄與提交入口

{deQ網站目錄_網站網址收錄與提交入口

//在里面加入判斷語句,不判斷也可以deQ網站目錄_網站網址收錄與提交入口

if($name==""){deQ網站目錄_網站網址收錄與提交入口

echo "請填寫您的姓名！";//注意：輸出用echo輸出，不要用showMsg()；deQ網站目錄_網站網址收錄與提交入口

exit();deQ網站目錄_網站網址收錄與提交入口

}deQ網站目錄_網站網址收錄與提交入口

}deQ網站目錄_網站網址收錄與提交入口

找到：$goto = !empty($cfg_cmspath) ? $cfg_cmspath : '/';deQ網站目錄_網站網址收錄與提交入口

$bkmsg = '發布成功，請等待管理員處理...';deQ網站目錄_網站網址收錄與提交入口

這兩句，改成：echo "提交成功！";deQ網站目錄_網站網址收錄與提交入口

刪掉下面這一句：showmsg($bkmsg, $goto);deQ網站目錄_網站網址收錄與提交入口

以上就是本文章的內容，希望對大家有所幫助。deQ網站目錄_網站網址收錄與提交入口

此文由 網站目錄_網站網址收錄與提交入口 編輯，未經允許不得轉載！：