Home >Backend Development >PHP Tutorial >表单php传值后jquery清除表单某项value问题

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

WBOY
WBOYOriginal
2016-06-23 13:30:51901browse

表单

<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请求

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn