ホームページ >バックエンド開発 >PHPチュートリアル >フォームphpが値を渡した後、フォーム内の特定の値をクリアするjqueryの問題
フォーム
<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 のみを返す場合、フォームが送信された後に新しいドキュメントが生成されます。元のフォーム要素を変更する必要はありません (変更することはできません)
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; } }
フォームは通常どおり送信され、送信後、新しいドキュメントが生成されます。前のフォームに戻るには、ブラウザーの戻るボタンをクリックする必要があります。提出
したがって、修正はありません 可能性があります
それでは、望ましい効果を達成するためにどのように修正(または書き換え)すればよいでしょうか?
ajax リクエストを使用する