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 originalvar theForm = document.getElementById( 'theForm' );
new stepsForm( theForm, {
onSubmit : function( form ) {
// hide form
classie.addClass( theForm.querySelector( '.simform-inner' ), 'hide' );
/*
form.submit()
or
AJAX request (maybe show loading indicator while we don't have an answer..)
*/
// let's just simulate something...
var messageEl = theForm.querySelector( '.final-message' );
messageEl.innerHTML = 'Thank you! We\'ll be in touch.';
classie.addClass( messageEl, 'show' );
}
} );
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