Home >Backend Development >PHP Tutorial >表单php传值后jquery清除表单某项value问题
表单
<form id="recordform" action="/record.php" name="recordform" method="post" target="id_frame1" autocomplete="off" onsubmit="return checkpost();"> <h1>培训记录台账 <span>请认真填写相关内容</span> </h1> <label> <span id="xingming" name='xingming'>姓名 :</span> <input id="xingming" type="text" name="xingming" value=""></input> </label> <label> <span>培训时间 :</span> <input id="peixunshijian" type="text" name="peixunshijian" value="这里是要获取时间的!" readonly="true" ></input> </label> <label> <span>培训课题 :</span> <input id="keti" type="text" name="keti" value="网络与信息安全意识--教育活动" readonly="true"></input> </label> <input id="button" type="submit" class="button" value="提交" style="cursor:pointer"/> </label> </form>
<?php $con = mysql_connect("localhost","root","w123456"); if (!$con) { die('Could not connect: ' . mysql_error()); } mysql_select_db("peixunrecord", $con); mysql_query("set names 'utf8'"); $bumen = $_POST['bumen']; $keduimokuai = $_POST['keduimokuai']; $xingming = $_POST['xingming']; $peixunshijian = $_POST['peixunshijian']; $keti = $_POST['keti']; $xinde = $_POST['xinde']; $sql="INSERT INTO record (bumen,keduimokuai,xingming,peixunshijian,keti,xinde) VALUES ('$bumen','$keduimokuai','$xingming','$peixunshijian','$keti','$xinde')"; if (!mysql_query($sql,$con)) { die('Error: ' . mysql_error()); } echo "<script>alert('提交成功!');</script>";?>
$(function() { $(':input','#recordform') .not(':button, :submit, :reset, :hidden') .val('') })
不知道你的 js 函数 checkpost 是怎么写的
如果 checkpost 仅仅是返回一个 true,那么表单提交后将产生新的 document。并不存在修改原表单元素的事情(也修改不到)
在 checkpost 中执行 submit 也是一样
如果 checkpost 是通过 ajax 完成提交的,那么你需要的动作应写在 $.post 的回调函数中
function checkpost() { if(recordform.bumen.value==""){alert("请选择部门!"); recordform.bumen.focus(); return false; } if(recordform.keduimokuai.value==""){alert("请选择科队/模块!"); recordform.keduimokuai.focus(); return false; } if(recordform.keti.value==""){alert("请选择课题!"); recordform.keti.focus(); return false; } }
function checkpost() { if(recordform.bumen.value==""){alert("请选择部门!"); recordform.bumen.focus(); return false; } if(recordform.keduimokuai.value==""){alert("请选择科队/模块!"); recordform.keduimokuai.focus(); return false; } if(recordform.keti.value==""){alert("请选择课题!"); recordform.keti.focus(); return false; } }
那么你的表单是正常提交的,提交后将产生新的 document 需点击浏览器后退按钮才会回到提交前的表单
因此并没有修改的可能性
那我要怎么修改(或重新写)才能达到预期效果呢?
使用ajax请求