Foros del Web » Programando para Internet » PHP »

Problemas con formulario de suscripcion con javascript

Estas en el tema de Problemas con formulario de suscripcion con javascript en el foro de PHP en Foros del Web. Hola gente tengo un problema y quiero su ayuda porfavor, estoy practicando con un formulario de suscripcion y me descarge uno ya diseñado y desarrollado ...
  #1 (permalink)  
Antiguo 02/12/2012, 00:51
 
Fecha de Ingreso: agosto-2012
Mensajes: 4
Antigüedad: 9 años, 10 meses
Puntos: 0
Pregunta Problemas con formulario de suscripcion con javascript

Hola gente tengo un problema y quiero su ayuda porfavor, estoy practicando con un formulario de suscripcion y me descarge uno ya diseñado y desarrollado con html y javascript. Ahora lo que deseo es hacer un archivo php para que lo ingresado me envie a una bd en mi localhost, el problema es no se como comenzar ya que los anteriores que hice los desarrolle sin javascript. Por la parte de conexion no tengo problema, pero con la insercion no se con que variables trabajar ya que las variables ya estan definidas en el codigo que les muestro aca abajo. Quiero su ayuda porfavor.

Codigo HTML
Código:
<!-- SUBSCRIPTION FORM -->
            <form id="subscribe-form">
                <input type="text" placeholder="introduce tu email para recibir nuestras noticias" id="subscribe-email"><input type="submit" value="suscribete" id="subscribe-submit">
            </form>
<!-- /SUBSCRIPTION FORM -->
Codigo javascript
Código:
var messages = config.subscription,
            $form = $('#subscribe-form'),
            $email = $('#subscribe-email'),
            $button = $('#subscribe-submit'),
            $tooltip = $('#subscribe-tooltip');


        $form.submit(function(event) {
            event.preventDefault();

            var error = false,
                email = $email.val();
            

            if($tooltip.length == 0) {
                $tooltip = $('<p id="subscribe-tooltip" class="subscribe-tooltip"></p>');
            } else {
                $tooltip.removeClass('error success');
            }

            if(email.length == 0) {
                $tooltip.text(messages['empty_email']).addClass('error').appendTo($form);
            }
            else {
                $button.attr('disabled', 'disabled');

                $.post('subscribe.php', {
                    'email': email,
                    'ajax': 1
                },
                function(data) {
                    if(data == null || typeof(data.status) == 'undefined' || (data.status == 'error' && typeof(data.error) == 'undefined')) {
                        $tooltip.text(messages['default']).addClass('error').appendTo($form);
                    }
                    else if(data.status == 'success') {
                        $tooltip.text(messages['success']).addClass('success').appendTo($form);
                    }
                    else {
                        var error_text = messages['default_error'];

                        switch(data.error) {
                            case 'empty_email':
                            case 'invalid_email':
                                error_text = messages[data.error];
                                break;
                        }

                        $tooltip.text(error_text).addClass('error').appendTo($form);
                    }

                    $button.removeAttr('disabled');
                },
                'json');
            }
        });
Gracias de antemano
  #2 (permalink)  
Antiguo 03/12/2012, 11:31
Avatar de Marvin
Colaborador
 
Fecha de Ingreso: febrero-2005
Ubicación: global $Chile->Santiago;
Mensajes: 1.991
Antigüedad: 17 años, 5 meses
Puntos: 81
Respuesta: Problemas con formulario de suscripcion con javascript

Si te fijas en el codigo javascript van los datos pasados por post:
Código HTML:
Ver original
  1. $.post('subscribe.php', {
  2.                     'email': email,
  3.                     'ajax': 1
  4.                 },
Lo que tienes que hacer con php es tomarlos con $_POST['email'] y $_POST['ajax'] y despues devolver {"status":"success"} cuando se guarden los datos o {"status":"error"} si no se guarda.

Fijate que dentro de la funcion $.post de jquery, se evalua data.status.

Suerte!
__________________
El que dice "Solo sé que nada sé", esta asumiendo que sabe algo.
Lea las FAQ's!

Etiquetas: formulario, html, javascript, suscripcion
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 18:19.