Including JavaScript validation in a form submit in PHP

Question

Is it possible to to submit an HTML Form (with a PHP action) and include a javascript onsubmit="VerifyFields()?

I am trying to do it now, but it seems that it will do the PHP action and not do the onsubmit.

Update:

Thanks for all of your help.

The problem was that I was putting my VerifyMe() function in the <head></head>, as opposed to the <body></body>.

Should be. Can you post some code?

Jeff B
– Jeff B

2010-02-11 23:39:19 +00:00
Commented Feb 11, 2010 at 23:39 — Jeff B
– Jeff B, Commented Feb 11, 2010 at 23:39

BC. · Accepted Answer · 2010-02-11 23:40:16Z

6

If return false in the onsubmit handler, the form will not submit, if you return true, it will.

You should make the function VerifyFields return true or false, and call it like this:

onsubmit="return VerifyFields();"

answered Feb 11, 2010 at 23:40

BC.

25.1k12 gold badges49 silver badges63 bronze badges

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

2 Comments

Gabriele Petrioli Over a year ago

@o.k.w this will always return false so you can never submit .. regardless of the verification result..

o.k.w Over a year ago

@Gaby, my bad, what was I thinking? Btw, deleted my comment.

mre · Accepted Answer · 2010-02-11 23:44:57Z

1

<script type="text/javascript">
   function validateForm(){
   ...
   }
</script>

<form name="contact" action="<?=$_SERVER['PHP_SELF']?>" 
    method="post" onsubmit="return validateForm();">
        <label> Foo </label>
        <input type="text" class="txt_input" name="sender_name" />
        ...
        <input type="image" src="img/send.jpg" id="submitButton" 
           name="submitForm" value="send" />
</form>

answered Feb 11, 2010 at 23:44

mre

1,8734 gold badges29 silver badges44 bronze badges

Comments

streetparade · Accepted Answer · 2010-02-11 23:54:49Z

-1

I would test the inputs bevor submitting any fields to the server. I would test it client side by javascript and finaly send it to the server. You could call Your script also this way.

<input type="text" class="txt_input" name="sender_name"  onchange="validateForm();" />

answered Feb 11, 2010 at 23:54

streetparade

33k39 gold badges106 silver badges123 bronze badges

1 Comment

Kzqai Over a year ago

So an alternative to using on submit, jus' triggering off of the final field. Doesn't totally degrade gracefully (e.g. if you put a cursor in a different field and hit enter, the form will still submit still without any validation. If you were to change that to onchange="validateField();" then it might make more sense.

Collectives™ on Stack Overflow

Including JavaScript validation in a form submit in PHP

Update:

3 Answers 3

2 Comments

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

Update:

3 Answers 3

2 Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related