Foros del Web » Programando para Internet » PHP »

Recuperar variables de jquery

Estas en el tema de Recuperar variables de jquery en el foro de PHP en Foros del Web. Código: Buenas tardes: Me gustaría saber como puedo recuperar la variables de un formulario verificado por jquery y ajax y acceder a esas variables con ...
  #1 (permalink)  
Antiguo 08/01/2014, 04:52
 
Fecha de Ingreso: mayo-2013
Mensajes: 75
Antigüedad: 10 años, 11 meses
Puntos: 0
Recuperar variables de jquery

Código:
Buenas tardes:
Me gustaría saber como puedo recuperar la variables de un formulario verificado por jquery y ajax y acceder a esas variables con php?

Fomulario Html

<div class="padding">
                                     <div id="form-wrapper">
                                         <div id="form-inner">
                                             <div id="ErrResults"><!-- retrive Error Here --></div>
                                             <div id="MainResult"><!-- retrive response Here --></div>
                                             <div id="MainContent">
                                                 <form id="MyContactForm" name="MyContactForm" method="post" >
                                                     <p class="name">
                                                         <input type="text" name="name" id="name" placeholder="Tu nombre ...">
                                                         <label for="name" id="nameLb"><span class="error">*Nombre requerido</span></label>
                                                     </p>
                                                     <p>
                                                         <input type="email" name="email" id="email" placeholder="Tu Email ...">
                                                         <label for="email" id="emailLb">
                                                             <span class="error error1">*Email requerido</span>
                                                             <span class="error error2">*Email no valido</span>
                                                         </label>
                                                     </p>
                                                     <p>
                                                         <input type="text" name="phone" id="phone" placeholder="Tu telefono ...">
                                                         <label for="phone" id="phoneLb"><span class="error">*Telefono requerido</span></label>
                                                     </p>
                                                     <p class="textarea">
                                                         <textarea name="message" id="message" placeholder="Tu Mensaje ..." rows="4"></textarea>
                                                         <label for="message" id="messageLb"><span class="error">*Mensaje requerido</span></label>
                                                     </p>
                                                     <div class="clearfix"></div>
                                                     <input type="submit" name="submit" id="btnenviar" class="contact-btn">
                                             	</form>
                                             </div><!--MainContent-->
                                         </div><!--form-inner-->
                                     </div><!--form-wrapper-->
ARCHIVO JQUERY
  #2 (permalink)  
Antiguo 08/01/2014, 04:53
 
Fecha de Ingreso: mayo-2013
Mensajes: 75
Antigüedad: 10 años, 11 meses
Puntos: 0
Respuesta: Recuperar variables de jquery

ARCHIVO JQUERY

$(document).ready(function () {
$.fn.idle = function (time) {
var o = $(this);
o.queue(function () {
setTimeout(function () {
o.dequeue();
}, time);
});
return this; //set idle function
}

$('.error').hide(); //Hide error messages
$('#MainResult').hide(); //we will hide this right now
$('#form-wrapper').show(); //show main form
$(".contact-btn").click(function () { //User clicks on Submit button

// Fetch data from input fields.
var js_name = $("#name").val();
var js_email = $("#email").val();
var js_phone = $("#phone").val();
var js_message = $("#message").val();

// Do a simple validation
if (js_name == "") {
$("#nameLb .error").fadeIn('slow').idle(1000).fadeOut('slow') ; // If Field is empty, we'll just show error text inside <span> tag for 1 sec idle and then hide it with fade out.
return false;
}

var hasError = false;
var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;


if (js_email == '') {
$("#emailLb .error1").fadeIn('slow').idle(1000).fadeOut('slow' );
return false;
}

if (!emailReg.test(js_email)) {
$("#emailLb .error2").fadeIn('slow').idle(1000).fadeOut('slow' );
return false;
}

if (js_phone == "") {
$("#phoneLb .error").fadeIn('slow').idle(1000).fadeOut('slow') ;
return false;
}
if (js_message == "") {
$("#messageLb .error").fadeIn('slow').idle(1000).fadeOut('slow') ;
return false;
}

//let's put all data together
var myData = 'postName=' + js_name + '&postEmail=' + js_email + '&postPhone=' + js_phone + '&postMessage=' + js_message;

jQuery.ajax({
type: "POST",
url: "include/mail.php",
dataType: "html",
data: myData,
success: function (response) {
$("#MainResult").html('<fieldset class="response">' + response + '</fieldset>');
$("#MainResult").slideDown("slow"); //show Result
$("#MainContent").hide(); //hide form div slowly
},
error: function (xhr, ajaxOptions, thrownError) {
$("#ErrResults").html(thrownError);
}
});
return false;
});

});
  #3 (permalink)  
Antiguo 08/01/2014, 04:53
 
Fecha de Ingreso: mayo-2013
Mensajes: 75
Antigüedad: 10 años, 11 meses
Puntos: 0
Respuesta: Recuperar variables de jquery

ARCHIVO PHP

<?php

$name=addslashes(htmlspecialchars($_POST["name"]));
$email=addslashes(htmlspecialchars($_POST["email"]));
$phone=addslashes(htmlspecialchars($_POST["phone"]));
$message=addslashes(htmlspecialchars($_POST["message"]));

echo $name, $email, $phone, $message;
echo "Se ha procesado correctamente.";

?>

Etiquetas: formulario, html, jquery, variable, variables
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 01:23.