이 기사에서는 사용자가 양식을 수정했는지 여부를 결정하기 위해 JavaScript 방법을 설명합니다. 참조를 위해 공유하십시오. 특정 분석은 다음과 같습니다.
이 JS 코드는 사용자가 양식 컨텐츠를 수정했는지 여부를 결정할 수 있습니다. 양식이 수정되고 브라우저를 종료하면 양식 컨텐츠 저장 여부를 사용자에게 상기시킵니다. 매우 유용한 코드입니다.
함수 formisdirty (form) {for (var i = 0; i <form.elements.lengest; 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 (emeter.options [j] .selected! = element.options [j] .defaultselected) {return true; }}} return false;}사용의 예 : 브라우저를 종료 할 때 사용자가 양식을 수정하면 사용자에게 저장 여부를 상기시킵니다.
window.onbeforeunload = function (e) {e = e || Window.event; if (formisdirty (document.forms [ "someform"])) {// IE 및 Firefox의 경우 (e) {E.returnValue = "구원받지 않은 변경 사항이 있습니다."; } // Safari Return의 경우 "구원받지 않은 변경 사항이 있습니다."; }};다음은 완전한 예제 코드입니다
코드 사본은 다음과 같습니다. 아래 버튼을 클릭하십시오. 이제 일부 값을 양식으로 변경하고 버튼을 다시 클릭하십시오.
<양식 이름 = "Fooform">
<입력 유형 = "텍스트"이름 = "t"> <br>
<입력 유형 = "text"name = "2"value = "default"> <br>
<select name = "일부">
<옵션 값 = "fooo"selected = ""> foo </옵션>
<옵션 값 = "bar"> bar </옵션>
</선택> <br>
</form>
<button onclick = "alert (formisdirty (document.fooform))"> 형태가 더럽든지 확인하려면 클릭하십시오 </button>
<br>
<cript>
함수 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! = emeter.defaultChecked) {
진실을 반환하십시오.
}
}
else if (type == "hidden"|| type == "password"||
타입 == "텍스트"|| type == "textArea") {
if (element.value! = element.defaultValue) {
진실을 반환하십시오.
}
}
else if (type == "select-one"|| type == "select-multiple") {
for (var j = 0; j <element.options.length; j ++) {
if (element.options [j] .selected! =
emeter.options [j] .defaultselected) {
진실을 반환하십시오.
}
}
}
}
거짓을 반환합니다.
}
</스크립트>
이 기사가 모든 사람의 JavaScript 프로그래밍에 도움이되기를 바랍니다.