Federico99
1
Mi
Verificado
Verificación en dos pasos activada
Verificado por Whatsapp
¡Ha verificado su Paypal!
¡Usuario popular!
Suscripción a IA
Estimados:
Estoy intentando enviar un formulario, pero primero lo quiero validar con javascript.
La validaciones funcionan bien, el tema es que cuando supera la ultima validacion, no me envia el formulario
Les dejo mi codigo, espero por favor me puedan ayudar.
Saludos.
Validacion:
Formulario:
Estoy intentando enviar un formulario, pero primero lo quiero validar con javascript.
La validaciones funcionan bien, el tema es que cuando supera la ultima validacion, no me envia el formulario
Les dejo mi codigo, espero por favor me puedan ayudar.
Saludos.
Validacion:
Insertar CODE, HTML o PHP:
$('#btnEnviar').on('click', function(e){
e.preventDefault();
var $data = {
entry: $('#texto').val(),
edad: $('#edad').val(),
sexo: $('input[name=sexo]:checked').val(),
}
if ($data['entry'].length <= 4){
$('#post_minimo').show();
return;
} else {
$('#post_minimo').hide();
}
if ($data['entry'].length > 420){
$('#post_limite').show();
return;
} else {
$('#post_limite').hide();
}
if (!$data['edad'] || $data['edad'] < 1){
$('div.error_submit.edad').show();
return;
} else {
$('div.error_submit.edad').hide();
}
if ($data['edad'] < 13){
$('div.error_submit.edad_menor').show();
return;
} else {
$('div.error_submit.edad_menor').hide();
}
if (!$data['sexo'] || $data['sexo'] > 2 || $data['sexo'] < 1 ){
$('div.error_submit.sexo').show();
return;
} else {
$('div.error_submit.sexo').hide();
}
document.formulario.submit();
});Formulario:
HTML:
<form id="formulario" action="http://script_que_guarda" method="post">
<textarea type="text" id="texto" name="texto" rows="4" placeholder="Odio..." maxlength="450"></textarea>
<label class="edad" for="edad">Edad</label>
<input type="text" name="edad" class="edad" id="edad" maxlength="2"/>
<input type="radio" value="hombre" id="hombre" name="sexo" class="custom-radio">
<label for="hombre">Hombre</label>
<input type="radio" value="mujer" id="mujer" name="sexo" class="custom-radio">
<label for="mujer">Mujer</label>
<input type="submit" id="btnEnviar" value="Enviar" name="btnEnviar" class="button enable">
</form>
