ホームページ >バックエンド開発 >PHPチュートリアル >[送信] では複数の送信を回避し、送信後にボタンを使用できないようにする必要があります。

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

WBOY
WBOYオリジナル
2016-06-20 12:59:401116ブラウズ

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


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


一度送信をクリックした後に再度送信できないようにするにはどうすればよいですか?


ディスカッション (解決策) への返信

function checkText(){	$("#go").attr('disabled',true);//将提交按钮失效var title=document.getElementsByName('title')[0].value;title=title.replace(/[ ]/g,"");if(title!=""){return true;}else{alert("不允许为空!");return false;}}

JavaScript のコード作成でフォーム送信イベントをバインドする必要がありますボタン

を無効にするには、このイベントのコールバック関数内で JavaScript でフォーム送信イベントをバインドし、ボタン

え?毎回変更するだけではまだ不十分なようです
これは通常のフォームページです。送信をクリックすると、対象プログラムのリターンページが元のフォームを上書きします。

なので問題ありません。送信するために繰り返しクリックされる回数

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

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