Federico99
1
Mi
Verificado
Verificación en dos pasos activada
Usuário 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:
Inserir CODE, HTML ou 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>
