Relacionar formulario con base de datos

[mnltoledo]

Hola, vaya por delante dos cosas
1. es mi primer post (así que si cometo algún error de posteo pido disculpas de ante mano)
2. no sé gran cosa sobre programación

bueno, voy con mi consulta. Estoy intentando meter un formulario de registro en una web. He decidido probar para empezar con algo ya hecho y me he decidido por este:

[URL="http://tympanus.net/Development/MinimalForm/"]Minimalform [/URL]

Qque puede bajarse y usarse gratis: [URL="http://tympanus.net/codrops/2014/04/01/minimal-form-interface/"]aquí[/URL]

Ahora bien, intento hacer que al completar el formulario los datos introducidos vayan a parar a una base de datos SQL, que ya tengo creada.

Lo que he estado probando sin éxito ha sido añadir al "form" del html un action y un method="POST"

Después, crear un archivo php (asociado a action) con código que he encontrado en la web en tutoriales para crear un formulario con php.

Igual es una tontería lo que he hecho (y debe serlo porque no funciona ni patrás) y con los archivos que vienen en formulario ya es suficiente y sólo hay que cambiar 2 chorradas. Pero no caigo. Intento seguir el código y ver dónde puedo asociar formulario y base de datos (hasta donde mis conocimientos llegan), pero nada. No hay forma.

Cualquier ayuda será de agradecida!

saludos

PD: otra cosa que he intentado hacer pero nanai, es intentar que el formulario detecte que el mail introducido no es válido. Y en el código parece que está hecho en el archivo "stepsForm.js" pero tampoco he conseguido resultados

[Alexis88]

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:

var 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