Borrar estilos de LiveValidation al presionar "Reset" El inconveniente es que estoy usando el LiveValidation para un formulario que hasta ahora no me falló, pero lo que no encuentro en ningun lado, ni siquiera en la pagina del desarrollador, es la forma de quitar todos los estilos y comentarios del formulario de los divs a la hora de presionar el botón de "reset" del formulario.
A alguien le pasó esto y lo pudo solucionar?
Una de las cosas que hice fue crear una función que le setée el class original, pero así y todo no puedo quitar los childs que agrega el script automaticamente.
Este es el form:
Código PHP:
<?php
$mail_destinatario = '[email protected]';
if(isset($_POST['enviar'])){
$headers = "From: ".$_POST['email'];
if(mail($mail_destinatario, "Solicitud de Cotizacion", "De: ".$_POST['nombre']."\n"."Telefono / Cel: ".$_POST['telefono']."\n"."Email: ".$_POST['email']."\n"."Tipo de evento: ".$_POST['tipoevento']."\n"."Cant.Invitados: ".$_POST['invitados']."\n"."Fecha del evento: ".$_POST['fechaevento']."\n"."Mensaje: ".$_POST['mensaje'], $headers))
{
header ("Location: laquinta.php");
}
else {
echo '
<script type="text/javascript">alert("Ups! Existieron problemas al enviar la solicitud de cotización.\nPor favor intente nuevamente.");</script>
';
header ("Location: laquinta.php");
}
}
echo '
<form action="?" method="post" id="cotform" name="cotform" onsubmit="return Verificar()">
<script type="text/javascript">
function Verificar(){
return confirm("Por favor verifique que sus datos sean correctos:\n\nNombre y apellido: "+document.cotform.nombre.value+"\nTelefono: "+document.cotform.telefono.value+"\nFecha del evento: "+document.cotform.fechaevento.value+"\nEmail: "+document.cotform.email.value+"\n\n(Presione \"Cancelar\" para corregir)");
}
</script>
<div>
<label for="nombre">Nombre y Apellido</label>
<input id="nomyape" class="cotform" type="text" name="nombre" />
<div id="msgnomyape"></div>
</div>
<script type="text/javascript">
var nomyape = new LiveValidation(\'nomyape\', {insertAfterWhatNode: "msgnomyape", validMessage: " "});
nomyape.add(Validate.Presence);
nomyape.add(Validate.Length,{minimum: 4});
</script>
<div>
<label for="telefono">Teléfono / Celular</label>
<input id="telefono" class="cotform" type="text" name="telefono" />
<div id="msgtelefono"></div>
</div>
<script type="text/javascript">
var telefono = new LiveValidation(\'telefono\', {insertAfterWhatNode: "msgtelefono", validMessage: " "});
telefono.add(Validate.Presence);
telefono.add(Validate.Numericality);
</script>
<div>
<label for="email">Email de contacto</label>
<input id="emilio" class="cotform" type="text" name="email" />
<div id="msgemilio"></div>
</div>
<script type="text/javascript">
var emilio = new LiveValidation(\'emilio\', {insertAfterWhatNode: "msgemilio", validMessage: " "});
emilio.add(Validate.Presence);
emilio.add(Validate.Email);
</script>
<div>
<label for="tipoevento">Tipo</label>
<select id="tipoevento" class="cotform" name="tipoevento">
<option value="Selec">-- Seleccione --</option>
<option value="Baby Shower">Baby Shower</option>
<option value="Bautismo">Bautismo</option>
<option value="Comunion">Comunión</option>
<option value="15 Años">15 Años</option>
<option value="Despedida">Despedida</option>
<option value="Casamiento">Casamiento</option>
<option value="Cocktail para Civil">Cocktail para Civil</option>
<option value="Cocktail para Empresas">Cocktail para Empresas</option>
<option value="Boda de Oro y Plata">Boda de Oro y Plata</option>
<option value="Aniversario">Aniversario</option>
<option value="Cumpleaños">Cumpleaños</option>
<option value="Fiesta Privada">Fiesta Privada</option>
<option value="Convencion">Convención</option>
<option value="Bar y Bat Mitzva">Bar y Bat Mitzva</option>
</select>
<div id="msgtipoevento"></div>
</div>
<script type="text/javascript">
var tipoevento = new LiveValidation(\'tipoevento\', {insertAfterWhatNode: "msgtipoevento", validMessage: " "});
tipoevento.add(Validate.Exclusion, {within: [\'Selec\']});
</script>
<div>
<label for="invitados">Cantidad de invitados</label>
<input id="cantinv" class="cotform" type="text" name="invitados" />
<div id="msgcantinv"></div>
</div>
<script type="text/javascript">
var cantinv = new LiveValidation(\'cantinv\', {insertAfterWhatNode: "msgcantinv", validMessage: " "});
cantinv.add(Validate.Presence);
cantinv.add(Validate.Numericality, {minimum: 20, maximum: 200});
</script>
<div>
<label for="fechaevento">Realizar en la fecha</label>
<input class="cotform" type="text" name="fechaevento" id="fechaevento" readonly="readonly" value="Seleccione una fecha"/>
<div id="msgfechaevento"></div>
</div>
<script type="text/javascript">
var fechaevento = new LiveValidation(\'fechaevento\', {insertAfterWhatNode: "msgfechaevento", validMessage: " "});
fechaevento.add(Validate.Exclusion, {within: [\'Seleccione una fecha\']});
</script>'; ?>
<a onclick="show_calendar()" style="cursor: pointer;"><small> (abrir calendario)</small></a><br/>
<div id="calendario" align="center">
<?php calendar_html() ?>
</div>
<?php echo'
<div>
<label for="mensaje">Dejanos tu mensaje</label>
<textarea id="mensaje" cols="23 " style="resize:none;" rows="5" name="mensaje" value=""></textarea>
<div id="msgmensaje"></div>
</div>
<script type="text/javascript">
var mensaje = new LiveValidation(\'mensaje\', {insertAfterWhatNode: "msgmensaje", validMessage: " "});
mensaje.add(Validate.Presence);
mensaje.add(Validate.Length, {minimum: 20, maximum: 300});
</script>
<div>
<input type="submit" value="Enviar" id="botones" name="enviar">
<input type="reset" value="Limpiar" id="botones" onclick="clear_date();">
</div>
</form>
';
?> Por otro lado, la función que se ejecuta al presionar "Limpiar" es la siguiente:
clear_date();
Código:
Agradeceré algun comentario de ayuda!function clear_date(date){
//input text donde esta la fecha a borrar
$('#fechaevento').attr('value','Seleccione una fecha');
$('#fechaevento').attr('class','cotform');
$('#calendario').hide();
}
Saludos!
