この記事では、JavaScriptの方法について説明して、ユーザーがフォームを変更したかどうかを判断します。参照のためにそれを共有してください。特定の分析は次のとおりです。
このJSコードは、ユーザーがフォームコンテンツを変更したかどうかを判断できます。フォームが変更され、ブラウザが終了した場合、フォームコンテンツを保存するかどうかをユーザーに思い出させます。非常に便利なコードです。
関数formisdirty(form){for(var i = 0; i <form.elements.length; i ++){var element = form.elements [i]; var type = element.type; if(type == "Checkbox" || type == "Radio"){if(element.checked!= element.defaultChecked){return true; }} else if(type == "hidden" || type == "password" || type == "text" || type == "textarea"){if(element.value!= element.DefaultValue){return true; }} else if(type == "select-one" || type == "select-multiple"){for(var j = 0; j <element.options.length; j ++){if(element.options [j] .selected!= element.options [j] .defaultselected){return true; }}} false;}使用例:ブラウザを終了するとき、ユーザーがフォームを変更した場合、ユーザーはそれを保存するかどうかを思い出させます。
window.onbeforeunload = function(e){e = e || window.event; if(formisdirty(document.forms ["someform"]))){// ieおよびfirefox if(e){e.returnvalue = "you novedaved変更があります。"; } // safari Returnの場合、「救われていない変更があります。」; }};これが完全な例コードです
コードコピーは次のとおりです。下のボタンをクリックします。フォームのいくつかの値を変更し、もう一度ボタンをクリックします。
<form name = "fooform">
<入力型= "text" name = "t"> <br>
<入力型= "テキスト" name = "2" value = "default"> <br>
<name = "some">を選択します
<オプション値= "fooo" selected = ""> foo </option>
<オプション値= "bar"> bar </option>
</select> <br>
</form>
<button onclick = "alert(formisdirty(document.fooform))"> [フォーム]が汚れているかどうかをクリックします</button>
<br>
<スクリプト>
function formisdirty(form){
for(var i = 0; i <form.elements.length; i ++){
var element = form.elements [i];
var type = element.type;
if(type == "チェックボックス" || type == "Radio"){
if(element.checked!= element.defaultchecked){
trueを返します。
}
}
else if(type == "hidden" || type == "パスワード" ||
type == "text" || type == "textarea"){
if(element.value!= element.defaultValue){
trueを返します。
}
}
else if(type == "select-one" || type == "select-multiple"){
for(var j = 0; j <lement.options.length; j ++){
if(element.options [j] .selected!=
element.options [j] .defaultselected){
trueを返します。
}
}
}
}
falseを返します。
}
</script>
この記事がみんなのJavaScriptプログラミングに役立つことを願っています。