ホームページ >バックエンド開発 >PHPチュートリアル >フォームphpが値を渡した後、フォーム内の特定の値をクリアするjqueryの問題

フォームphpが値を渡した後、フォーム内の特定の値をクリアするjqueryの問題

WBOY
WBOYオリジナル
2016-06-23 13:30:51920ブラウズ

フォーム

<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 のみを返す場合、フォームが送信された後に新しいドキュメントが生成されます。元のフォーム要素を変更する必要はありません (変更することはできません)
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 です

フォームは通常どおり送信され、送信後、新しいドキュメントが生成されます。前のフォームに戻るには、ブラウザーの戻るボタンをクリックする必要があります。提出
したがって、修正はありません 可能性があります

それでは、望ましい効果を達成するためにどのように修正(または書き換え)すればよいでしょうか?

ajax リクエストを使用する

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。