Search jQuery

jQuery Forum

Checking FORM with reCaptcha using jQuery and if values are OK, send FORM to php file that will save VALUES to database

in Using jQuery • 10 years ago

my problem is that im having FORM with recaptcha on end. Im using jQuery script to check, if values are fine. Problem is that when its fine, i need to send informations from that FORM to php file, which will save them to database.

I dont know what should i do. I tried :
$("form").submit("reg.php", data);
$.post("reg.php");
$.post("reg.php", $("#form").serialize());
....

when i redirect page with

window.location = "register.php"

it redirected me, but values from form were lost.

function validateCaptcha() { challengeField = $("input#recaptcha_challenge_field").val(); responseField = $("input#recaptcha_response_field").val(); var html = $.ajax({ type: "POST", url: "validateform.php", data: "form=signup&recaptcha_challenge_field=" + challengeField + "&recaptcha_response_field=" + responseField, async: false }).responseText; if(html == "success") { HERE I NEED CODE, THAT WILL PROCESS MY FORM TO REGISTER.PHP AND KEEP VALUES IN IT. //Add the Action to the Form  //Indicate a Successful Captcha } else { $("#captcha-status").html("<p class=\"red bold\">The security code you entered did not match. Please try again.</p>"); Recaptcha.reload(); } }

My php file printing values..

if($_POST['submit'] == "submit") { $mesto = mysql_real_escape_string($_POST['mesto']); $ulice = mysql_real_escape_string($_POST['ulice']); $cislo = mysql_real_escape_string($_POST['cislo']); $stat = mysql_real_escape_string($_POST['stat']); $posta = mysql_real_escape_string($_POST['posta']); $lat = mysql_real_escape_string($_POST['lat']); $lng = mysql_real_escape_string($_POST['lng']); $nick = mysql_real_escape_string($_POST['nick']); echo $ulice. '<br>'; echo $cislo. '<br>'; echo $stat. '<br>'; echo $posta. '<br>'; echo $lat. '<br>'; echo $lng. '<br>'; echo $nick. '<br>'; }

Replies(5)

Godsbest

Re: Checking FORM with reCaptcha using jQuery and if values are OK, send FORM to php file that will save VALUES to database

10 years ago

Use jQuery.post() API How do you initiate capture checking? Once checked call $.post():

$.post( 'reg.php',$('form').serialize(),function( data ) {
alert( "Form successfully submited: " + data );
},'text');

The following two from your trial list should also work. Use developer tools to see the ajax call:

$.post("reg.php");
$.post("reg.php", $("#form").serialize());

Godsbest

Re: Checking FORM with reCaptcha using jQuery and if values are OK, send FORM to php file that will save VALUES to database

10 years ago

I see that you are using async:false - that may cause your browser to hang. You can avoid that by taking the following approach:

$(function() {
$('form').on('submit',function(e) {
e.preventDefault()
$.post(
'validateform.php',
'form=signup&.........',
function( data ) {
if( $.trim( data ) == "success" ) {
//the $.post in my earlier post
} else {
$("#captcha-status")
.html(
$("<p/>",{"style":"color:red;font-weight:bold;"})
.html( "The security code you entered did not match. Please try again." )
);
Recaptcha.reload();
}
},
'text'
);
});
});

ichsooly

Re: Checking FORM with reCaptcha using jQuery and if values are OK, send FORM to php file that will save VALUES to database

10 years ago

Another files :
My tables in tables in tables in tables structure used for FORM : https://gist.github.com/4370783
My validating script, that should send informations to register.php : https://gist.github.com/4371146
validateform.php used for checking recaptcha : https://gist.github.com/4370909
and then that php file for saving to mysql.

I will try your solution..

Thanks for fast answer.

ichsooly

Re: Checking FORM with reCaptcha using jQuery and if values are OK, send FORM to php file that will save VALUES to database

10 years ago

Can you just tell me, how to parse

```
  echo "fail";
```
```
} else {
```
```
echo "success";
```
```
}
```

function( data ) {

  if( $.trim( data ) == "success" ) {

Because i have no idea.

Godsbest

Re: Checking FORM with reCaptcha using jQuery and if values are OK, send FORM to php file that will save VALUES to database

10 years ago

I am not sure I get your question; one snippet is PHP and the other is jQuery.

The reason you do not want to use if( data == "success" ) is that most server do append and prepend white space to a server response. So, even if you are outputting "success", with no leading or trailing spaces, when you get your ajax response, it may as well be " success ". $.trim( data ) just changes that to "success" or "fail".

Top Reply

Response title

Attachments

jQuery Forum

Checking FORM with reCaptcha using jQuery and if values are OK, send FORM to php file that will save VALUES to database

Replies(5)

Re: Checking FORM with reCaptcha using jQuery and if values are OK, send FORM to php file that will save VALUES to database

Re: Checking FORM with reCaptcha using jQuery and if values are OK, send FORM to php file that will save VALUES to database

Re: Checking FORM with reCaptcha using jQuery and if values are OK, send FORM to php file that will save VALUES to database

Re: Checking FORM with reCaptcha using jQuery and if values are OK, send FORM to php file that will save VALUES to database

Re: Checking FORM with reCaptcha using jQuery and if values are OK, send FORM to php file that will save VALUES to database

Statistics

Tags

Actions