Change Data warning before exit

@rmaganDec 20.2004

I have a HTML form that updates the database when users click the ‘submit’ button. If users make changes to the data but forget to hit ‘submit’, the changes DO NOT get saved. Is there anyway to check if any data was added/deleted/changed before closing the form/window and giving the users a warning message that they must submit.

to post a comment

JavaScript

@scragarDec 20.2004 — #

&lt;body onbeforeunload="return ConfirmLeave();"&gt;
 &lt;form name=frm1&gt;
 &lt;textarea name=txt1&gt;some content is in here.&lt;/textarea&gt;
 &lt;/form&gt;
 &lt;script&gt;
 var txtCont = frm1.txt1.value;
 function ConfirmLeave(){
 if(frm1.txt1.value != txtCont){
 if(confirm("click OK to leave and abort your changes.")){
 return true;
 }else{
 return false;
 };
 };
 };
 &lt;/script&gt;

@Warren86Dec 20.2004 — #<HTML>

<Head>

<Script Language=JavaScript>

function submitIt(){
 
   form1.submitBtn.disabled = true;
 
  }
 
  function checkSubmit(){
 
   if (form1.submitBtn.disabled != true)
   {
   if (confirm('You did not submit the form.nTry again?'))
   {
   window.open("ThisDocument.html");
   }
   }
   else {alert("Thank you for your submission")}
  }
 
  window.onbeforeunload = checkSubmit;

</Script>

</Head>

<Body>

<form name='form1'>

1st Field:<br>

<textarea rows=1, cols=25></textarea><br>

2nd Field:<br>

<textarea rows=1, cols=25></textarea><br>

3rd Field:<br>

<textarea rows=1, cols=25></textarea><br><br>

<input type=submit id=submitBtn onClick="submitIt()">

</form>

</Body>

</HTML>

@Warren86Dec 20.2004 — #My error. Try this.

<HTML>

<Head>

<Script Language=JavaScript>

function submitIt(){
 
   form1.submitBtn.disabled = true;
 
  }
 
  function checkSubmit(){
 
   if (form1.submitBtn.disabled != true)
   {
   if (confirm('You did not submit the form.nTry again?'))
   {
   window.open("ThisDocument.html");
   }
   }
   else {alert("Thank you for your submission")}
  }
 
  window.onbeforeunload = checkSubmit;

</Script>

</Head>

<Body>

<form name='form1' method='post' action='test.html' onSubmit="submitIt()">

1st Field:<br>

<textarea rows=1, cols=25></textarea><br>

2nd Field:<br>

<textarea rows=1, cols=25></textarea><br>

3rd Field:<br>

<textarea rows=1, cols=25></textarea><br><br>

<input type=submit id=submitBtn >

</form>

</Body>

</HTML>

Change Data warning before exit

3 Comments(s) _↴

Also in #JavaScript _↴

Success!

Social

Version

Change Data warning before exit

3 Comments(s) ↴

Also in #JavaScript ↴

Success!

The web is an endless sea of information. Don't miss the boat... Subscribe!

Social

Version

3 Comments(s) _↴

Also in #JavaScript _↴