自定义表单通过ajax判断,提交不用跳转页面,提高用户体验。具体方法如下:
html表单代码部分,就提交按钮改成botton,,添加onclick事件
表单代码:
留言:
js代码(这个代码之前一定要引入jQuery库):
function add_ajaxmessage(){
var name=document.getElementById("name");
var tel =document.getElementById("tel");
var iphone=document.getElementById("iphone");
var email=document.getElementById("email");
var liuyan=document.getElementById("liuyan");
//定义变量接收上面表单每项的值和几个dede隐藏的input的值
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';
$.ajax({
type: "POST",
url: "/plus/diy.php", //提交到后台文件
data: dataString, //传值
success: function(data) {
alert(data);//成功打印PHP返回的值
}
});
return false;
}
php代码:
找到:if(!empty($dede_fields))
{
//在里面加入判断语句,不判断也可以
if($name==""){
echo "请填写您的姓名!";//注意:输出用echo输出,不要用showMsg();
exit();
}
}
找到:$goto = !empty($cfg_cmspath) ? $cfg_cmspath : '/';
$bkmsg = '发布成功,请等待管理员处理...';
这两句,改成:echo "提交成功!";
删掉下面这一句:showmsg($bkmsg, $goto);
Pbootcms问题解决
请点击在线联系我们【点击咨询解决问题】 如果您有任何Pbootcms问题,我们将免费为您写解决教程!