preventing the form submission with javascript and php

Question

I am working on a project , the situation is , the client has to enter the details , and after he enters the details , with java script ( confirm dialogue ) , i m showing all the important details for verification , then when he press ok, the form get submitted.

this is what i have made , but seems it is not working... need help ...

( after pressing cancel .. the dialog box keeps on coming .. and worst part is finally the form get submitted even if i have selected cancel )

( i have removed other details ...)

   <script type="text/javascript">
function validateMyForm()
{
    var X=confirm("ARE DETAILS CORRECT ??");
  if(!X)
  { 
    alert("validation failed false");
    returnToPreviousPage();
    return false;
  }
else
 {alert("validations passed");
  return true;}
}
</script>





<form name="frm" action=<?php print "new_update_attendence.php"; ?> method="POST"    
id="content" onsubmit="return validateMyForm();">

check for errors in returnToPreviousPage() what does that function do? — Mihai Iorga
– Mihai Iorga, Commented Aug 14, 2012 at 14:02

Mihai Iorga · Accepted Answer · 2012-08-14 14:17:45Z

4

capitalization matters ALOT!

var x=confirm("ARE DETAILS CORRECT ??");
if(!X) // change to if(!x)

you could do, for second part of your question:

<script type="text/javascript">
    function validateMyForm()
    {
        var X=confirm("ARE DETAILS CORRECT ??");
        if(!X)
        { 
            setTimeout((function(){ window.location.reload(); }), 500);
            return false;
        }
        else
        {
            return true;
        }
    }
</script>

edited Aug 14, 2012 at 14:17

answered Aug 14, 2012 at 13:50

Mihai Iorga

39.8k17 gold badges109 silver badges109 bronze badges

Sign up to request clarification or add additional context in comments.

6 Comments

Ratan Kumar Over a year ago

changed ... but even after that .. the dialog box keep on coming even if i have selected cancel .

Mihai Iorga Over a year ago

dialog validations passed will show if you hit OK, If you Hit Cancel will show validation failed false and call the returnToPreviousPage(); function.

Mihai Iorga Over a year ago

what does returnToPreviousPage() do?

Ratan Kumar Over a year ago

but the dialog box keeps on coming .. even if i press ok or cancel.

Ratan Kumar Over a year ago

wat to change so that it comes only once .. if ok then form submitted else same page is loaded or retained..

|

mgraph · Accepted Answer · 2012-08-14 13:50:16Z

3

X must be in lowerCase :

 if(!x)
  { ...

answered Aug 14, 2012 at 13:50

mgraph

15.3k4 gold badges43 silver badges76 bronze badges

Comments

Elias Van Ootegem · Accepted Answer · 2012-08-14 14:14:03Z

I gather you've used jQuery in the past. In jQuery return false would prevent the form from being submitted all together. That's because jQuery catches that return value (false) and translates it into eventObject.preventDefault(); eventObject.stopPropagation(); whereas return false, without jQuery only does the first (preventing the default action of that event). The event still bubbles/propagates.

change your HTML to onsubmit="return validateMyForm(event);"> to get access to the event object. Then, in JavaScript:

function validateMyForm(e)//e should hold the event
{
    e = e || window.event;//except for older IE versions(?), which we correct here
    //do whatever, if the form shouldn't be submitted:
    if (!confirm("ARE DETAILS CORRECT ??"))
    {
        if (e.preventDefault)
        {//chrome, FF, opera, ...
            e.preventDefault();
            e.stopPropagation();//<-- important line here
            return false;
        }//cruddy IE clients
        e.returnValue = false;
        e.cancelBubble = true;//<-- stop event in its tracks
        return false;
    }
}

That should do it.

Collectives™ on Stack Overflow

preventing the form submission with javascript and php

3 Answers 3

6 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

6 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related