Tengo problemas con mi script en jQuery. Funciona con el input
de correo pero con el de celular no funciona.
$('#validate').click(function() {
var regex = /[\w-\.]{2,}@([\w-]{2,}\.)*([\w-]{2,}\.)[\w-]{2,4}/;
if (regex.test($('#correo').val().trim())) {
} else {
alert('La direccón de correo no es válida');
}
if (isNaN($('#cel').val())) {
alert('El teléfono solo debe contener números');
}
if ($('#cel').val().length < 9) {
alert('El teléfono debe tener 9 caracteres. Ej. 666112233');
}
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet" />
<div class="container-fluid">
<div class="form-group">
<div class="row justify-content-center mt-4">
<div class="col-6 col-md-4">
<div class="input-group flex-nowrap">
<div class="input-group-prepend">
<span class="input-group-text" id="addon-wrapping"><i class="fa fa-phone-square bigicon"></i></span>
</div>
<input type="cel" id="cel" class="form-control" name="cel" placeholder="Celular">
</div>
</div>
</div>
</div>
</div>