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

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

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
Libérer: 2016-06-23 13:30:51
original
943 Les gens l'ont consulté

表单

<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>
Copier après la connexion


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>";?>
Copier après la connexion


我现在写了一个jquery打算每次提交后清除姓名中的内容代码如下
 $(function() {           $(':input','#recordform')       .not(':button, :submit, :reset, :hidden')       .val('')       })
Copier après la connexion

请问怎么使用啊 加在哪个都无法实现提交后清除姓名
求助!


回复讨论(解决方案)

不知道你的 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;   	   }	    	} 
Copier après la connexion
Copier après la connexion

这是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;   	   }	    	} 
Copier après la connexion
Copier après la connexion

这是checkpost

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

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

使用ajax请求

Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal