ホームページ > バックエンド開発 > PHPチュートリアル > 送信すると複数の配信が回避され、送信後にボタンが使用不可になる必要があります。

送信すると複数の配信が回避され、送信後にボタンが使用不可になる必要があります。

WBOY
リリース: 2016-06-13 12:16:58
オリジナル
942 人が閲覧しました

submit は複数の送信を回避し、送信後にボタンを使用できないようにする必要があります

<br /><script><br />function checkText()<br />{<br />var title=document.getElementsByName('title')[0].value;<br />title=title.replace(/[ ]/g,"");<br />if(title!="")<br />{<br />return true;<br />}<br />else<br />{<br />alert("不允许为空!");<br />return false;<br />}<br />}<br /></script><br /><br /><?php<br /><br />if(isset($_POST['go']) && $_POST['go'] =='转下一步')<br />{<br />//点击submit后执行这里的代码。为了避免手误点击多次submit,请问如何实现点击一次submit后就不能再点击submit?<br />}<br />?><br /><br />
ログイン後にコピー


<br /><form name="form1" action="" method="POST"><br /><input type="text" name="title" value=""  style="width:680px;height:70px;color:#999999;font-size:30px;"/><br /><input type="submit" id="go" name="go" value="转下一步" style="width:170px;height:70px;font-size:30px" onclick="return checkText()"/><br /><br /><br /><br /></form><br /><br /><br /><br />
ログイン後にコピー


一度送信をクリックした後に再度送信できないようにするにはどうすればよいですか?
------解決策のアイデア----------------------
function checkText()<br />{<br />	$("#go").attr('disabled',true);//将提交按钮失效<br />var title=document.getElementsByName('title')[0].value;<br />title=title.replace(/[ ]/g,"");<br />if(title!="")<br />{<br />return true;<br />}<br />else<br />{<br />alert("不允许为空!");<br />return false;<br />}<br /><br />}
ログイン後にコピー

------解決策----------------------
JavaScriptでフォーム送信イベントをバインドする必要があります。ボタンを無効にするイベントのコールバック関数
-----解決策----------------------
これは通常のフォームページです。送信をクリックすると、対象プログラムの戻りページが元のフォームを上書きします
何度も送信しても問題ありません

ajax経由で送信する場合のみ、この必要がある場合にのみ
現時点では、送信ボタンの無効属性を設定するか、CSS を使用して送信ボタンが表示されないようにすることができます

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート