Maison >développement back-end >tutoriel php >表单php传值后jquery清除表单某项value问题

表单php传值后jquery清除表单某项value问题

WBOY
WBOYoriginal
2016-06-23 13:30:51906parcourir

表单

<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文件
<?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>";?>


我现在写了一个jquery打算每次提交后清除姓名中的内容代码如下
 $(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;   	   }	    	} 

这是checkpost方法

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;   	   }	    	} 

这是checkpost

那么你的表单是正常提交的,提交后将产生新的 document 需点击浏览器后退按钮才会回到提交前的表单
因此并没有修改的可能性

那我要怎么修改(或重新写)才能达到预期效果呢?

使用ajax请求

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn