Validation using Jquery/$.ajax and php

Question

I have a form with radios and trying to validate starting with jq/$.ajax and then posting info in php.

form.php

<tr>
  <td class="h"><span class="txt_wht">t1</span></td>
        <input type="hidden" name="gm[0]" value="t1" />
  <td class="vs"><span class="txt_yel_sm">vs</span></td>
  <td class="a"><span class="txt_wht">t2</span></td>
        <input type="hidden" name="gm[1]" value="t2" />

  <td><input type="radio" name="g1" value="a" /></td>
  <td><input type="radio" name="g1" value="b" /></td>
  <td><input type="radio" name="g1" value="c" /></td>
  </tr>
<tr>
  <td class="h"><span class="txt_wht">t1</span></td>
        <input type="hidden" name="gm[0]" value="t1" />
  <td class="vs"><span class="txt_yel_sm">vs</span></td>
  <td class="a"><span class="txt_wht">t2</span></td>
        <input type="hidden" name="gm[1]" value="t2" />

  <td><input type="radio" name="g2" value="a" /></td>
  <td><input type="radio" name="g2" value="b" /></td>
  <td><input type="radio" name="g2" value="c" /></td>
 </tr>

validade.js

$(document).ready(function () {
    //global vars

    form.submit(function () {
        if (validate1() && validate2()) {
            //vars
            var exst_email = $('#exst_email').attr('value');
            var g1 = $("input[name='g1']:checked").attr('value');
            //more vars

            $.ajax({
                type: "post",
                url: "scripts/sbmt.php",
                data: "exst_email=" + exst_email,
                success: function (exst_rsp) {

                    //if its not exist
                    if (exst_rsp == "not_exist") {
                        valInfo.text("Error1!");
                        valInfo.addClass("error");
                        email_reg_err = true;
                    } else {
                        valInfo.text("");
                        valInfo.removeClass("error");
                        email_reg_err = false;
                    }
                    //more validation with error msgs

                    //validate 1 & validate 2 functions

and sbmt.php

session_start();
// connect to db
require_once('conn.php');

if($stmt = $mysqli->prepare('SELECT email FROM table WHERE email=?')){
   $stmt->bind_param("s", $_POST['exst_email']); 
   $stmt->execute();
   $stmt->store_result();

   $numRows = $stmt->num_rows();
   if($numRows < 1){
       echo 'not_exist';
       exit();
   }
   $stmt->close();
}
//more validation

Now,

Due to Dreamweaver, I know that I don't have typing errors or unclosed tags.
My validate 1 & 2 functions are working fine.
Due to firebug,

a) I know that my data are posted in sbmt.php

b) I get no response back to display the error msg.

I am validating 3 more forms (textareas only if it matters) using the exact same way (differentjs/php files) and they are working fine!

Any suggestion on what may be wrong here?

thecodeparadox · Accepted Answer · 2012-07-20 06:16:06Z

1

Within you submit function you can try:

form.submit(function(e){

   e.preventDefault(); // to prevent the form from submitting itself

  // you all validation code

});

Note

I think $_POST['email'] in your PHP code should be $_POST['exst_email'], because your posted data in AJAX contains key as exst_email here data: "exst_email="+ exst_email, but not email.

So, if you PHP is right then you should send data as data: "email="+ exst_email

edited Jul 20, 2012 at 6:16

answered Jul 20, 2012 at 5:54

thecodeparadox

87.2k22 gold badges143 silver badges164 bronze badges

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

4 Comments

thecodeparadox Over a year ago

@Pavlos1316 that means you want to do it for one particular form?

Pavlos1316 Over a year ago

yes... my other forms as I wrote are geting validated and working fine the same way but using different js/php files (using the same coding philosophy)

Pavlos1316 Over a year ago

It is just a typing mistake here :( I've been checking my code typing 3 days now just because I know the other forms work

Pavlos1316 Over a year ago

e.preventDefault(); does no difference.

Pavlos1316 · Accepted Answer · 2012-07-20 10:38:49Z

0

SOLVED

I don't know why but here's the fix:

I wasn't passing to sbmt.php the <input type="hidden"> values since I didn't use them at the moment.

But I desided to post them as well to see if it does any good. And it worked!

edited Jul 20, 2012 at 10:38

answered Jul 20, 2012 at 8:35

Pavlos1316

44410 silver badges25 bronze badges

Collectives™ on Stack Overflow

Validation using Jquery/$.ajax and php

2 Answers 2

Note

4 Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Note

4 Comments

Comments

Related