<！doctype html> <html> <head> <meta http-equiv = "content-type" content = "text/html; charset = utf-8"/> <title>防止重复表单提交</title> <style> refresh {display：none; none;幅：200px;高さ：20px;バックグラウンドカラー：＃ff0; } </style> <script> var inprocess = false; window.onload = function（）{document.forms ["picker"]。onsubmit = validateSubmit; document.getElementById（ "REFRESH"）。onClick = startOver; } function validate bidubmit（）{//防止重复的表单提交if（inprocess）return; inprocess = true; console.log（inprocess）; document.getElementById（ "SubmitButton"）。disabled = true; document.getElementById（ "REFRESH"）。style.display= "block"; document.getElementById（ "Message"）。innerhtml = "<p>正在処理、稍等</p>"; falseを返します。 } function startover（）{inprocess = false; document.getElementById（ "SubmitButton"）。無効= false; document.getElementById（ "Message"）。innerhtml = ""; document.getElementById（ "REFRESH"）。style.display= "none"; } < /script> < /head> <body> <form id = "picker" method = "post" action = "" "> group1：<入力タイプ="ラジオ "name" name = "group1" value = "one" /> group2：<input type = "radio" name "balue1" value = "2つの" /> group3：<入力タイプ= "Radio" "inupt =" /> " /> <<<> <<> < id="intext" /> Input 2: <input type="text" id="intext2" /> Input 3: <input type="text" id="intext3" /> <input type="submit" id="submitbutton" value="send form" /> </form> <div id="refresh"> <p>单击我</p> </div> <div id="message"></div> </body> </html>