Ver Mensaje Individual
  #2 (permalink)  
Antiguo 17/11/2015, 13:34
Avatar de Alexis88
Alexis88
Philosopher
 
Fecha de Ingreso: noviembre-2011
Ubicación: Tacna, Perú
Mensajes: 5.551
Antigüedad: 12 años, 3 meses
Puntos: 977
Respuesta: Relacionar formulario con base de datos

Bienvenido a Foros del Web.

Viendo el código fuente del ejemplo de la página que adjuntaste, veo que tiene un método que se ejecuta cuando se realiza el envío de datos del formulario.

Código Javascript:
Ver original
  1. var theForm = document.getElementById( 'theForm' );
  2.  
  3. new stepsForm( theForm, {
  4.     onSubmit : function( form ) {
  5.         // hide form
  6.         classie.addClass( theForm.querySelector( '.simform-inner' ), 'hide' );
  7.  
  8.         /*
  9.             form.submit()
  10.             or
  11.             AJAX request (maybe show loading indicator while we don't have an answer..)
  12.         */
  13.  
  14.         // let's just simulate something...
  15.         var messageEl = theForm.querySelector( '.final-message' );
  16.         messageEl.innerHTML = 'Thank you! We\'ll be in touch.';
  17.         classie.addClass( messageEl, 'show' );
  18.     }
  19. } );

En el ejemplo, tan solo se muestra un mensaje de éxito, pero entre comentarios se indica que se puede realizar el envío normal de datos o mediante AJAX. Si añades los atributos action y method al formulario con sus respectivos valores, solo tendrías que utilizar el método .submit() y podrás realizar el envío de los datos hacia el archivo PHP.

Con respecto a lo del correo electrónico, puedes utilizar un <input type="email"> el cual valida que se ingrese un correo electrónico con el formato adecuado. También podrías utilizar expresiones regulares, de modo que así también podrías validar en el lado del servidor (que es lo más importante), pero ya dependerá de ti.

Un saludo
__________________
«Juro por mi vida y mi amor por ella, que jamás viviré para el provecho de otro hombre, ni le pediré a otro hombre que viva para el mío».

Ayn Rand