Necesito apoyo con Formulario de Contacto

[InkaSistemas]

Amigos, tengo este formulario de Contacto, pero al parecer no envían los botones, es decir, no funciona el ENVIAR MENSAJE ni tampoco funciona el LIMPIAR FORMULARIO, espero me ayuden, adjunto el código:

---------------------------------------------------------------------------

Código HTML:

<article class="grid_6 last">
                     <h2 class="ind1">Enviar Mensaje</h2>
                     <p class="p2">Los campos marcados con * son obligatorios.</p>
                     <form id="contact-form">
                                <div class="success">Formulario de contacto enviado!<br>
                                            <strong>Nos comunicaremos con Ud. pronto.</strong>
                                </div>
                                <fieldset>
                                    <label class="name">
                                        <input type="text" placeholder="Tus Nombres*">
                                            <span class="error">*Esto no es un nombre válido.</span> <span class="empty">*Este campo es obligatorio.</span>
                                    </label>
                                    <label class="phone notRequired">
                                        <input type="text" placeholder="Número Telefónico">
                                            <span class="error">*Esto no es un número telefónico válido.</span> <span class="empty">*Este campo es obligatorio.</span>
                                    </label>
                                    <label class="email">
                                        <input type="text" placeholder="Correo Electrónico*">
                                            <span class="error">*Esto no es un correo electrónico válido.</span> <span class="empty">*Este campo es obligatorio.</span>
                                    </label>
                                    <label class="subject notRequired">
                                        <input type="text" placeholder="Asunto">
                                    </label>
                                    <label class="message notRequired">
                                        <textarea>Mensaje</textarea>
                                            <span class="error">*El mensaje es demasiado corto.</span> <span class="empty">*Este campo es requerido.</span>
                                    </label>
                                    <div class="buttons2">
                                            <a href="#" data-type="submit" class="button">Enviar Mensaje</a>
                      <a href="#" data-type="reset" class="button">Limpiar Formulario</a>
                  </div>
                                </fieldset>
                        </form>
                </article>
 

-----------------------------------------------------------------------------------------------

[carlos_belisario]

lo que llamas botones son simples links con un ancla para no ir a ninguna dirección url, imagino que estas usando javascript para enviar el formulario?? ahora mi pregunta sería porque no usar los elementos del form que fueron creados para eso

Código HTML:

<input type="submit" value="enviar"/>
<input type="reset" value="limpiar" />
 

saludos

[InkaSistemas]

Carlos, gracias por tu tiempo y atención en responder mi duda, sucede que ese formulario estaba en una plantilla web que he descargado y estoy acomodándola para hacer una web personal.

Tienes alguna sugerencia de qué puede estar fallando? o hacia dónde debería apuntar el "href=#" que está anclando los botones?

El problema está acá?

Código HTML:

<div class="buttons2">
                                            <a href="#" data-type="submit" class="button">Enviar Mensaje</a>
                      <a href="#" data-type="reset" class="button">Limpiar Formulario</a>
                  </div>
 

Disculpa, pero soy nuevo en programación.

Cordialmente,

[pzin]

Iniciado por InkaSistemas

soy nuevo en programación

No hay mejor excusa ni escenario que ese para repasar un manual o tutorial.

Iniciado por InkaSistemas

Tienes alguna sugerencia de qué puede estar fallando? o hacia dónde debería apuntar el "href=#" que está anclando los botones?

Y esta pregunta es un claro síntoma que pocos manuales/tutoriales has leído, ya que te carlos_belisario te respondió a esa pregunta.

Cuando llegues a este capítulo sabrás que o bien usas botones —botones de verdad y no enlaces. O, como ya te comentó carlos_belisario, usar javascript —de lo cual también hay tutoriales— para enviar el formulario mediante enlaces.

De todas formas, yo aprendería primero cómo hacerlo con HTML —léase botones— y luego ya más adelante hacerlo con javascript.

[caricatos]

Hola:

Siempre digo que las páginas deben ser navegables con javascript desactivado. Te recomiendo que empieces con esa idea.

Sobre formularios, te recomiendo este tuto: El abc de los formularios.

Por cierto <a href="#" > es un enlace al tope de la página... y un enlace nunca es aconsejable cuando no se tiene intención de enlazar.

Hay mucha gente que desoye estos consejos, y luego tiene que hacer malabares cuando procura mejorar sus trabajos, por ejemplo, procurando ser visible en los buscadores... considerando los consejos que te hemos dado, los progresos los notarás.

Saludos

[frankm]

Si prefieres, puedes utilizar el siguiente Formulario de contacto gratis para ver el código fuente y aprender de uno que ya está funcionando.

Incluye la opción para poder adecuar el formato a tu sitio web.

salu2

[InkaSistemas]

Gracias por sus respuestas amigos. Voy a leer sus enlaces y aprender el manejo de formularios primero en HTML.

[Rafael]

No es la gran cosa, pero lee esta intro
http://www.forosdelweb.com/f91/hable...guajes-698777/