En este tutorial vamos a aprender como validar Checkboxes, Radiobuttons y Selects(menus desplegables) del lado del cliente usando JavaScript + jQuery.
HTML
Para el ejemplo usaremos un formulario que tenga los 3 elementos, después del formulario incluimos a jQuery y por ultimo abrimos un script y registramos el evento en que el formulario sea enviado(submit):
<form action="" class="validar_form" method="post">
<h2>Checkbox</h2>
<div><input type="checkbox" name="chck[]" value="opt 1 chckd" /><label>Opt 1</label></div>
<div><input type="checkbox" name="chck[]" value="opt 2 chckd" /><label>Opt 2</label></div>
<div><input type="checkbox" name="chck[]" value="opt 3 chckd" /><label>Opt 3</label></div>
<div class="errors error1"></div>
<h2>Radio</h2>
<div><input type="radio" name="gruporad" value="rad 1 chckd" /><label>Radio 1</label></div>
<div><input type="radio" name="gruporad" value="rad 2 chckd" /><label>Radio 2</label></div>
<div><input type="radio" name="gruporad" value="rad 3 chckd" /><label>Radio 3</label></div>
<div class="errors error2"></div>
<h2>Select</h2>
<div>
<select name="select">
<option value="" selected>------</option>
<option value="select 1 chckd">Opcion 1</option>
<option value="select 1 chckd">Opcion 2</option>
<option value="select 1 chckd">Opcion 3</option>
</select>
<div class="errors error3"></div>
</div>
<button class="enviar">Enviar</button>
</form>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<script type="text/javascript">
$(".validar_form").submit( function(){
// Aqui ira nuestro codigo
});
</script>
Fijaos que después de cada grupo de elementos estoy poniendo un div.errors vacío, allí es donde iran los mensajes de error de validación.
JavaScript
Crearemos 3 variables que contendrán los valores de los checkbox, radiobuttons y selects respectivamente, fijaos que en los 3 estamos seleccionando el elemento en un estado especifico(:checked, :checked y :selected) esto es para que solo obtenga el valor si estos están marcados/seleccionados, en caso contrario el valor de la variable seria 0:
$(".validar_form").submit(function () {
var check = $("input[type='checkbox']:checked").length;
var radio = $("input[type='radio']:checked").length;
var select = $("select option:selected").val();
});
En el caso de checkbox y de radiobuttons se usa .length para determinar el numero de caracteres que existen en la variable, ósea si en el checkbox seleccionan 2 opciones el length vendría a ser 2.
Validación
Ahora validaremos el formulario usando unas cuantas condiciones, primero si la variable check esta vacía mostramos .error1 y hacemos return false; para que el form no se envie, hacemos lo mismo con los radio y con el select, en caso que el usuario rellene el formulario correctamente ocultamos los errores y lanzamos un alert(«Ok») seguido de un return true; que enviara el formulario:
if (check == "") {
$('.error1').text("Seleccione al menos un checkbox");
return false;
} else if (radio == "") {
$('.error2').text("Seleccione un radio button");
return false;
} else if (select == "") {
$('.error3').text("Seleccione una opcion");
return false;
} else {
$('.errors').hide();
alert('Ok!');
return true;
}
Código Completo
$(".validar_form").submit(function () {
var check = $("input[type='checkbox']:checked").length;
var radio = $("input[type='radio']:checked").length;
var select = $("select option:selected").val();
if (check == "") {
$('.error1').text("Seleccione al menos un checkbox");
return false;
} else if (radio == "") {
$('.error2').text("Seleccione un radio button");
return false;
} else if (select == "") {
$('.error3').text("Seleccione una opcion");
return false;
} else {
$('.errors').hide();
alert('Ok!');
return true;
}
});
Muchas Gracias Es lo que Buscaba
Gracias por la ayuda… al final me ha sido muy útil var check = $(«input[type=’checkbox’]:checked»).length; para validar un checbox.
También se puede hacer referencia a la clase del checkbox por si hay más de uno en el formulario así:
var check = $(«.nombre_de_la_clase:checked»).length;
Muchas gracias
En teoria deberia funcionar.
Muchas gracias!.. busque por varios sitios de la web, este fue el codigo que me ayudo con el problema pues tiene la mayor claridad!
🙂
De nada, gracias a ti por pasar y comentar!
Como hacemos si tenemos varias tiras de radio buttons para validar?
O sea, varias preguntas con radio buttons como respuestas.
Listo, ya lo resolvi usando lo siguiente:
var radio = $(«input[type=’radio’][name=’field14387318′]:checked»).length;
var radio1 = $(«input[type=’radio’][name=’field14387625′]:checked»).length;
if(radio1 == «»){
alert(«1»);
return false;
} else if(radio2 == «»){
alert(«2»);
return false;
}
Espero que a alguien le sirva.
Saludos!
Gracias por ponerlo 😀
Bueno acá estoy xD, estoy usando el código del tutorial anterior y trato de validar el checkbox desde funciones.js, porque si lo hago juntando el tutorial anterior y este no me funciona nada como que chocan los dos, o algo he de hacer mal, y de la otra forma solo con el otro tutorial, validando desde funciones.js si funciona y todo al dejar sin seleccionar el checkbox si me aparece el mensaje de que lo debo seleccionar, creo mi error es al entrar las variables de:
var phone = $(«.nombre»).val();
email = $(«.email»).val();
val_email = /^[a-zA-Z0-9_\.\-]+@[a-zA-Z0-9\-]+\.[a-zA-Z0-9\-\.]+$/;
terms = $(‘.terms’).is(‘:checked’);
Y luego en la siguienet parte ya donde va a correr Ajax que se ponen otras variables para validar los datos:
var datos = ‘nombre=’ + nombre.val() + ‘&email=’ + email.val() + ‘&terms=’ + (this).is(‘:checked’);
Creo que ahí en eso es donde tengo el error, de cualquier forma lo estoy intentando hacer en conjunto con este ahorita para ver si así funciona!, saludos 🙂
La variable que tienes que crear debe ser asi
var terms = $(«input[type=’checkbox’]:checked»).length;
Lo otro porque usas this en la cadena de datos?
Que tal Josue, bueno creo que ya funciona, ya en la otra cadena ya no metí el «terms» ya que solo lo necesitaba arriba para validar ya en la segunad vez ya no lo ocupo, ahora el problema es que cuando entra al Ajax truena, sale la imagen de «loading…» pero después de 1 segundo borra todo el formulario y ya no me manda el mensje de correo envíado, sabes por qué será, saludos…
Ya lo resolví 🙂 auuuuuuuush! Era problema de las cadenas de datos, que yo quería guardar los datos en una DB y tenía que poner var datosr = ‘&nombre=’ + $(«.nombre»).val() eha eha funcionó! Muchas gracias por tus tutoriales, seguiré visitando tu web 🙂
Buen ejemplo funciona perfecto aun en checkbox dinamicos….
Hola muy buen post, te agos una constuta como seria esa misma validacion usando php?
En PHP es mas facil, seria algo como if($_POST[‘select’] == ‘NULL’) { }
Mil Gracias 🙂 en cuanto realice mi cuenta en Twitter te seguiré
Hola Josue, tu tutorial esta bien explicado gracias por compartilo con nosotros, Me sirvio de gran ayuda!
hola tengo un problema no se como aplicar la validación con PHP, hacer lo mismo pero no utilizando javascript
Antes que nada muxas gracias por este gran aporte :-), quería consultarte como tendría que hacer para validar los difenretes componentes (radio, checkbox, select) si tuviera el codigo javascript en un doc aparte, gracias de antemano por tu respuesta.
No tendrias que cambiar nada en el codigo en si, tal vez tendrias que envolverlo en un document.ready:
$(document).ready(function(){
// el codigo
});
Excelente post, agradeciendo tu tiempo, talento y capacidad para explicar los códigos… Ya te ganaste una buena parte del cielo 😀
Buenas, me estoy comiendo la cabeza por momentos, y no logro hacer que el error de la flechita desaparezca cuando selecciono una de las opcciones del select, he buscado informacion pero todas confusas. lo que quiero es que cuando se haya seleccionado la opccion, automaticamente me desaparezca el error, y se pueda enviar el formulario, en los otros campos me lo hace bien pero en este no.
Te agradeceria una ayudita. Gracias.
$(document).ready(function () {
var emailreg = /^[a-zA-Z0-9_\.\-]+@[a-zA-Z0-9\-]+\.[a-zA-Z0-9\-\.]+$/;
var select = $(«select option:selected»).val();
// aqui va a ir la validacion
$(«.buton»).click(function (){
$(«.error»).remove();
if( $(«.nombre»).val() == «» ){
$(«.nombre»).focus().after(«Ingrese su nombre»);
return false;
}else if( $(«.email»).val() == «» || !emailreg.test($(«.email»).val()) ){
$(«.email»).focus().after(«Ingrese un email correcto»);
return false;
}else if( $(«.telefono»).val() == «»){
$(«.telefono»).focus().after(«Ingrese un teléfono»);
return false;
}else if( $(«.consulta»).val() == «» ){
$(«.consulta»).focus().after(«Ingrese su consulta»);
return false;
} else if(select == «»){
$(«.select»).focus().after(«Seleccione una opcion»);
return false;
}
});
$(«.nombre, .telefono, .consulta»).keyup(function(){
if( $(this).val() != «» ){
$(«.error»).fadeOut();
return false;
}
});
$(«.email»).keyup(function(){
if( $(this).val() != «» && emailreg.test($(this).val())){
$(«.error»).fadeOut();
return false;
}
});
$(«.select»).keyup(function(){
if( $(this).val() != «» && emailreg.test($(this).val())){
$(«.error»).fadeOut();
return false;
}
});
});
perdon el codigo html es este.
Nombre y Apellidos
Dirección de Email
Teléfono:
Consulta:
Elija el Departamento:
——
Gerencia
Administración
Taller
Recambios
Gracias.
Es porque keyup() solo funciona con inputs o textareas, utiliza change() para checkboxes o selects.
Gracias, pero sigue sin funcionar, creo que le falta enseñarle que cuando se seleccione una opccion menos la 0 «no hay nada» es correcta, me podrías orientar como hacer esto, no se cuales son las variables. Gracias.
El codigo me ha quedcado asi, ahora me borra la flecha, pero cuando le doy al boton envíar, me dice «seleccione una opccion». Me podrías echar una manita.
Gracias
$(document).ready(function () {
var emailreg = /^[a-zA-Z0-9_\.\-]+@[a-zA-Z0-9\-]+\.[a-zA-Z0-9\-\.]+$/;
var select = $(«select option:selected»).val();
// aqui va a ir la validacion
$(«.buton»).click(function (){
$(«.error»).remove();
if( $(«.nombre»).val() == «» ){
$(«.nombre»).focus().after(«Ingrese su nombre»);
return false;
}else if( $(«.email»).val() == «» || !emailreg.test($(«.email»).val()) ){
$(«.email»).focus().after(«Ingrese un email correcto»);
return false;
}else if( $(«.telefono»).val() == «»){
$(«.telefono»).focus().after(«Ingrese un teléfono»);
return false;
}else if( $(«.consulta»).val() == «» ){
$(«.consulta»).focus().after(«Ingrese su consulta»);
return false;
} else if(select == «»){
$(«.select»).focus().after(«Seleccione una opcion»);
return false;
}
});
$(«.nombre, .telefono, .consulta»).keyup(function(){
if( $(this).val() != «» ){
$(«.error»).fadeOut();
return false;
}
});
$(«.email»).keyup(function(){
if( $(this).val() != «» && emailreg.test($(this).val())){
$(«.error»).fadeOut();
return false;
}
});
$(«.select»).change(function(){
if( $(this).val() != «» ){
$(«.error»).fadeOut();
return false;
}
});
});
Puedes poner tu codigo con el HTML correspondiente en http://tinkerbin.com/ o en http://jsfiddle.com?
No se que quieres que consiga con estos programas, me sale lo mismo que con dreamweaver, es para que me genere alguna variable o para hacer pruebas?
Si, es para yo hacer pruebas y poder ayudarte.
Ok,perdona mi ignorancia, pero entre qque no tengo ni papa de ingles, y que no se como hacer funcionar el programa estoy rallado, si ves que es muy complejo, lo anulo esta función y hago que se me envíe a un solo correo, te dejo el enlace para que veas lo que pasa cuando vas rellenando los campos y le das a enviar, no te lo envía porque se queda validando el cheakbox, como si no reconociera la opción que has seleccionado. http://www.romo-mercedesbenz.es/contacto.html
Gracias, por tu paciencia.
$(document).ready(function () {
var emailreg = /^[a-zA-Z0-9_\.\-]+@[a-zA-Z0-9\-]+\.[a-zA-Z0-9\-\.]+$/;
var select = $(«select option:selected»).val();
// aqui va a ir la validacion
$(«.buton»).click(function (){
$(«.error»).remove();
if( $(«.nombre»).val() == «» ){
$(«.nombre»).focus().after(«Ingrese su nombre»);
return false;
}else if( $(«.email»).val() == «» || !emailreg.test($(«.email»).val()) ){
$(«.email»).focus().after(«Ingrese un email correcto»);
return false;
}else if( $(«.telefono»).val() == «»){
$(«.telefono»).focus().after(«Ingrese un teléfono»);
return false;
}else if( $(«.consulta»).val() == «» ){
$(«.consulta»).focus().after(«Ingrese su consulta»);
return false;
} else if( $(«.select»).val() == «»){
$(«.select»).focus().after(«Seleccione una opcion»);
return false;
}
});
$(«.nombre, .telefono, .consulta»).keyup(function(){
if( $(this).val() != «» ){
$(«.error»).fadeOut();
return false;
}
});
$(«.email»).keyup(function(){
if( $(this).val() != «» && emailreg.test($(this).val())){
$(«.error»).fadeOut();
return false;
}
});
$(«.select»).change(function(){
if( $(this).val() != «($(‘#selecciondestino option:selected’)» ){
$(«.error»).fadeOut();
return false;
}
});
})
MERCI
como valido varios tiras de checkbox a la vez me es urgente la respuesta porfa ayuda!!!!!!
A que te refieres con varias tiras al mismo tiempo, quieres que todos los errores salgan al mismo tiempo y no conforme vallan rellenando el form?
Esta muy buena esta información gracias
para validar solo una checkbox como seria:
mi html dentro de la etiqueta form
Acepta las
condiciones y terminos.
Lo he metido en un div y luego en una tabla
y en mi carpeta de funciones he puesto esto( deveria crear una carpeta solo para la funcion .js, del checkbox?)
$(«.validar_form»).submit( function(){
var check = $(«input[type=’checkbox’]:checked»).length;
});
salu2
Acepta lascondiciones y terminos.
no puedo insertar mi codigo html, porque? borra los otros mensajes, y perdona mi ignorancia.
Para insertar codigo usa la etiqueta <code>
como valido varios select en el mismo formulario ya que en el ejemplo hay uno solo y tengo varios select para validar… gracias!!!
Duplica la parte del codigo de validacion del select y listo.
bueno pero como seria para validar solo una checkbox.
gracias.
duplico…
var select = $(«select option:selected»).val();
var select = $(«select option:selected»).val();
pero donde cambio el nombre del selec para referirse al nuevo select que estoy armando abajo?
gracias!!
Con clases:
var select1 = $(“select.select1 option:selected”).val();
var select2 = $(“select.select2 option:selected”).val();
gracias… pero no funciona… alguna otra solucion? o estoy poniendo algo mas en el html… te paso los dos codigos… el java y el html con los select…
$(«.validar_form»).submit( function(){
var check = $(«input[type=’checkbox’]:checked»).length;
var radio = $(«input[type=’radio’]:checked»).length;
var select1 = $(«select.select1 option:selected»).val();
var select2 = $(«select.select2 option:selected»).val();
if(check == «»){
$(‘.error1’).text(«Seleccione al menos un checkbox»);
return false;
} else if(radio == «»){
$(‘.error2’).text(«Seleccione un radio button»);
return false;
} else if(select1 == «»){
$(‘.error3’).text(«Seleccione una opcion»);
return false;
} else if(select2 == «»){
$(‘.error3’).text(«Seleccione una opcion»);
return false;
} else {
$(‘.errors’).hide();
alert(‘Ok!’);
return true;
}
});
y este es el html con los select….
——
Opcion 1
Opcion 2
Opcion 3
——
Opcion 1
Opcion 2
Opcion 3
——
Opcion 1
Opcion 2
Opcion 3
——
Opcion 1
Opcion 2
Opcion 3
cuando pego el codigo html de los select aparece como esrriba pero yo a la etiqueta name de los select le puse select1 al primero y select2 al segundo… pero no valida ninguno de los dos…
Muchisimas gracias me sirvio de muchoooooo!!
Agradezco mucho tu aporte, andaba 3 días buscando algo que me permitiera validar un formulario que había partido con jquery en 3 o 4 etapas y adaptando este código lo logre sin problemas, ya que en vez de lanzar la validacion con el submit lo cambié a un link que ocultaba una parte del formulario y mostraba la otra. quedo de lujo.
algo asi:
$("#next01").click(function (){
var radio1 = $("input[type='radio'][name='question01']:checked").length;
var radio2 = $("input[type='radio'][name='question02']:checked").length;
var radio3 = $("input[type='radio'][name='question03']:checked").length;
var radio4 = $("input[type='radio'][name='question04']:checked").length;
var radio5 = $("input[type='radio'][name='question05']:checked").length;
if(radio1 == ""){
alert("Select an answer for the question");
return false;
}
else if(radio2 == ""){
alert("Select an answer for the question");
return false;
}
else if(radio3 == ""){
alert("Select an answer for the question");
return false;
}
else if(radio4 == ""){
alert("Select an answer for the question");
return false;
}
else if(radio5 == ""){
alert("Select an answer for the question");
return false;
}
else {
$("#quiz01").hide();
$("#quiz02").hide();
$("#quiz03").hide();
$("#quiz04").hide();
$("#quiz05").hide();
$("#next01").hide();
$("#quiz06").fadeIn("slow");
$("#quiz07").fadeIn("slow");
$("#quiz08").fadeIn("slow");
$("#quiz09").fadeIn("slow");
$("#quiz10").fadeIn("slow");
$("#prev01").fadeIn("slow");
$("#next02").fadeIn("slow");
$("#tquiz01").hide();
$("#tquiz02").fadeIn("slow");
return true;
}
});
Que bueno que te haya funcionado, pero te recomendaria es ponerles a todos una clase universal y después del else, ocultarlos algo como $(«.quizzes»).hide para no tener todo ese código repetido.
buenas tardes, esta bn el codigo pero necesito agregarle un formulario de texto, donde me pida primer nombre, segundo nombre, primer apellido y segundo apellido, y almenos dos de estos sean campos requeridos y que requieran de un minimo de caracteres… como podria agregar esto a esta validacion…
Hola, una pregunta. tengo un form con unos chekboxes y unos radio, es el siguiente:
Interior de una casa.
Local de comidas (Ej. Pizzería, rotisería, heladería)
Exterior de una casa (Ej. jardín).
Un negocio (Ej. Maxi quiosco, ferretería)
Casa y jardín completos.
Un salón (Ej. Iglesia, salón de fiestas)
Un techo.
Escuela o Institución (Ej. Colegio, Jardín de infantes)
De qué tamaño aproximado considera que es el total del lugar a tratar:
Grande.
Mediano
Chico.
TODO SE ENVIA CON function A UN .JS EN DONDE TENGO ESTO (COLOCO AQUI SOLO LO IMPORTANTE:
(function(){
$(«.botonenviarlo»).click(function() {
var check = $(«input[type=’checkbox’]:checked»).length;
var radio = $(«input[type=’radio’]:checked»).length;
var nombre = $(«.nombre»).val();
email = $(«.email»).val();
validacion_email = /^[a-zA-Z0-9_.-]+@[a-zA-Z0-9-]+.[a-zA-Z0-9-.]+$/;
telefono = $(«.telefono»).val();
localidad= $(«.localidad»).val();
consulta = $(«.consulta»).val();
encuesta= $(«.encuesta»).val();
if (nombre == «») {
$(«.nombre»).focus();
return false;
}else if(email == «» || !validacion_email.test(email)){
$(«.email»).focus();
return false;
}else if(telefono == «»){
$(«.telefono»).focus();
return false;
}else if(localidad == «»){
$(«.localidad»).focus();
return false;
}else if(consulta == «»){
$(«.consulta»).focus();
return false;
}else{
$(‘.perfect2’).removeClass(‘transparente’);
var datos = ‘nombre=’+ nombre + ‘&email=’ + email + ‘&encuesta=’ + encuesta + ‘&check=’ + check + ‘&telefono=’ + telefono + ‘&consulta=’ + consulta + ‘&localidad=’ + localidad ;
Y TENGO UN PHP EN DONDE DEBERIA ENVIARME LOS DATOS DE LOS CHEKBOXES Y LOS RADIO.
<?php
// Guardar los datos recibidos en variables:
$nombre = $_POST['nombre'];
$email = $_POST['email'];
$telefono = $_POST['telefono'];
$localidad = $_POST['localidad'];
$encuesta = $_POST['encuesta'];
$consulta = $_POST['consulta'];
$lugardetrabajo= $_POST['lugardetrabajo'];
$dimension= $_POST['dimension'];
// Definir el correo de destino:
$dest = "barriercontroldeplagas@gmail.com";
// Estas son cabeceras que se usan para evitar que el correo llegue a SPAM:
$headers = "From: $nombre rn»;
$headers .= «X-Mailer: PHP5n»;
$headers .= ‘MIME-Version: 1.0’ . «n»;
$headers .= ‘Content-type: text/html; charset=iso-8859-1’ . «rn»;
// Aqui definimos el asunto y armamos el cuerpo del mensaje
$asunto = «Consulta desde formulario BARRIER web site.»;
$cuerpo = «Este mensaje fue enviado por «.$nombre.»»;
$cuerpo .= «Su Email es: «.$email.»»;
$cuerpo .= «Numero de telefono: «.$telefono.»»;
$cuerpo .= «Vive en: «.$localidad.»»;
$cuerpo .= «Como conocio la pagina web? «.$_POST[‘encuesta’] . «»;
$cuerpo .= «El lugar a tratar es: «.$lugardetrabajo.»»;
$cuerpo .= «Considera el cliente que el total del lugar es: «.$dimension. «»;
$cuerpo .= «Consulta: «.$consulta. «»;
$cuerpo .= «Enviado el: » . date(‘d/m/Y’, time());
por que no recibo los datos de los chekboxes y los radio? me llegan en blanco
Nunca defines en JS ni en PHP a dimension y/o lugardetrabajo, tienes que guardarlos en variables y concatenarlos en la variable datos (en JS) y en PHP lo mismo pero en la variable de $cuerpo.
Si , me di cuenta lo resolvi hace un tiempo, pondría la solución pero no se donde esta el form por que lo modifique tanto que ya ni es el mismo.
Gracias!!
Hola, si tengo 10 preguntas multiple choice con tres opciones cada una (3 radios),como hago para validar que todas fueron respondidas?
Gracias.
Amigo una Pregunta, ¿Como hago para que el script me chequee mas de un «input[type=’radio’]», sin que se detenga entre uno u otro cuando llega a «return false;»?
por cierto destaco que los tengo separados por el nombre de las clase de cada uno…
Buenos días Josué. Muchas gracias por tus publicaciones. Son muy útiles. ¿Tienes alguna publicación sobre cómo después de validar los valores de select, checkboxes y radiobuttons, se envían por email? Gracias de antemano.
Tengo el siguiente código, pero los valores de SELECT me llegan vacíos:
<?php require('conexion.php');
@$nombre = addslashes($_POST['nombre']);
@$telefono = addslashes($_POST['telefono']);
@$email = addslashes($_POST['email']);
@$localidad = addslashes($_POST['localidad']);
@$profesion = addslashes($_POST['profesion']);
@$informacion = addslashes($_POST['informacion']);
@$local = addslashes($_POST['local']);
@$experiencia = addslashes($_POST['experiencia']);
@$medio = addslashes($_POST['medio']);
@$mensaje = addslashes($_POST['mensaje']);
if(isset($_POST['boton'])){
if($_POST['nombre'] == ''){
$error1 = 'Ingrese su nombre’;
}else if($_POST[‘email’] == » or !preg_match(«/^[a-zA-Z0-9_.-]+@[a-zA-Z0-9-]+.[a-zA-Z0-9-.]+$/»,$_POST[‘email’])){
$error2 = ‘Ingrese un email correcto’;
}else if($_POST[‘email’] == »){
$error3 = ‘Ingrese un asunto’;
}else if($_POST[‘mensaje’] == »){
$error4 = ‘Ingrese un mensaje’;
}else{
//Preparamos el mensaje de contacto
$cabeceras = «From: $emailn» //La persona que envia el email
. «Reply-To: $emailn»;
$asunto = «Mensaje desde la web TU FRANQUICIA SEGURA»; //asunto aparecera en la bandeja del servidor de email
$email_to = «informacion@tufranquiciasegura.com»; //cambiar por tu email
$contenido = «$nombre ha enviado un mensaje desde la web http://www.spasei.esn»
. «n»
. «Nombre: $nombren»
. «Teléfono: $telefonon»
. «Email: $emailn»
. «Localidad: $localidadn»
. «Profesión: $profesionn»
. «Deseo recibir informacion: $informacionn»
. «Dispone de local: $localn»
. «Experiencia: $experiencian»
. «Cómo nos ha conocido: $medion»
. «Mensaje: $mensajen»
. «n»;
//Enviamos el mensaje y comprobamos el resultado
if (@mail($email_to, $asunto ,$contenido ,$cabeceras )) {
$sql = «INSERT INTO `franquicia` (`nombre`,`telefono`,`email`,`localidad`,`profesion`,`informacion`,`local`,`experiencia`,`medio`,`mensaje`) VALUES (‘{$_POST[‘nombre’]}’,'{$_POST[‘telefono’]}’,'{$_POST[‘email’]}’,'{$_POST[‘localidad’]}’,'{$_POST[‘profesion’]}’,'{$_POST[‘informacion’]}’,'{$_POST[‘local’]}’,'{$_POST[‘experiencia’]}’,'{$_POST[‘medio’]}’,'{$_POST[‘mensaje’]}’)»;
mysql_query($sql) or die(mysql_error());
$result = ‘Email enviado correctamente ‘;
// si el envio fue exitoso reseteamos lo que el usuario escribio:
$_POST[‘nombre’] = »;
$_POST[‘telefono’] = »;
$_POST[‘email’] = »;
$_POST[‘localidad’] = »;
$_POST[‘profesion’] = »;
$_POST[‘informacion’] = »;
$_POST[‘local’] = »;
$_POST[‘experiencia’] = »;
$_POST[‘medio’] = »;
$_POST[‘mensaje’] = »;
}else{
$result = ‘Hubo un error al enviar el mensaje ‘;
}
}
}
?>
Nombre:
Teléfono:
Email:
Localidad:
Profesión:
Desea recibir información sobre:
–Seleccione–
Franquicias SAS
Delegaciones
Departamentos
Otros
¿Dispone de local?
–Seleccione–
Sí
No
¿Experiencia en seguros?
–Seleccione–
Sí
No
¿Cómo nos ha conocido?:
Información Adicional:
I read this piece of writing fully on the topic of the resemblance of newest
and previous technologies, it’s awesome article.
You actually make it appear really easy with your presentation however I find
this topic to be really something that I think I’d never
understand. It kind of feels too complicated and very extensive for me.
I’m taking a look ahead on your next publish, I will attempt to get the hold of it!
I’m impressed, I have to admit. Seldom do I encounter a blog that’s
both educative and amusing, and without a doubt, you’ve hit the
nail on the head. The problem is something which too few folks are speaking
intelligently about. Now i’m very happy I stumbled across this during my search for something relating to this.