您的位置:首页 > 其它

表单提交不跳转处理

2016-01-06 00:00 351 查看
摘要: 表单提交不跳转

最初用ajax,普通的内容都是可以的,但是会遇到文件上传的问题。ajax应该也是可以处理的,我也没去深究。

考虑换种方式处理,即页面提交 target到 隐藏的iframe 中 ,此时页面是不会跳转的也是实现了数据传递



<form  action="xxx.php" method="post" enctype="multipart/form-data" target="frameFile" onsubmit=" return check()">
........
<input type='submit' name='sub' value='提交'>
</form>
<iframe name="frameFile" id="frameFile" style="display:none"></iframe>


处理过数据 可以对 submit经行提示处理 之后跳转还是不跳转随意

<?php
/**
* by wkj 2016-01-06
*  //随手封的函数,可根据需要修改
* 功能:提醒函数   点击提交表单 提交文字变成设置的如(已提交成功)持续3秒之后跳转
* $time 定时时长
* $bt_id  submit id
* $bt_old 最终显示文字
* $bt_notice 定时期间提示文字
*/
function altN($time,$bt_id,$bt_old,$bt_notice){
echo "<script>
altN(".$time.",'".$bt_id."','".$bt_old."','".$bt_notice."');
function altN(altTime,bt_id,bt_old,bt_notice){
parent.document.getElementById(bt_id).value=bt_notice;
altTimes(altTime,bt_id,bt_old)
function altTimes(altTime,bt_id,bt_old){
var set = setInterval(function () {
altTime --;
if(altTime == 0) {
clearInterval(set);
parent.document.getElementById(bt_id).value=bt_old
}
}, 1000);
}
}
</script>";
}

altN(2,'sub','提交','已提交成功');
echo "<script>parent.history.go(-1)</script>";
die;
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: