Validar mas de un campo con java

fedefrankk · #1 (**permalink**) 13/06/2012, 10:09

Buenas a todos, yo valido los campos con funciones.

tengo el siguiente formulario.

Código HTML:

Ver original<form action="02.php" method="post" name="formulario" onSubmit="return valida();">
ingrese Numero: <input type="text" id="num" name="numero" maxlength="2" /><br />
<input type="submit" name="submit" value="Enviar" />
</form>

y con java lo valido:

Código Javascript:

Ver originalfunction valida(){
    if (document.formulario.num.value == ""){
        alert(" INGRESE UN NUMERO ");
        document.formulario.num.focus();
        return false;
    }}

Si tengo 10 campos tengo que hacer 10 if?...

no existe hacerlo con un bucle?..
Gracias a todos de antemano
saludos.!!!
Fede

garciasanchezdani · #2 (**permalink**) 13/06/2012, 10:30

Hola amigo

Otra opción es hacer uso de required, de html5.

Código HTML:

Ver original<input type="text" id="num" name="numero" maxlength="2" required/>

Échale un vistazo a este artículo:
http://www.lawebera.es/diseno-web-ht...html5-css3.php

El problema viene con explorer, que no es totalmente compatible con html5...pero para este caso, puedes hacer lo siguiente para que required funcione también en explorer:

En el <head>:

Código Javascript:

Ver original<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="http://html5form.googlecode.com/svn/trunk/jquery.html5form-1.5-min.js"></script>

Código Javascript:

Ver original<script>
    $(document).ready(function(){
        $('form').html5form();    
    });
</script>

Saludos, Daniel

fedefrankk · #3 (**permalink**) 13/06/2012, 13:30

Hola, gracias por responder.. y por tu tiempo...
Todavia no he entrado de lleno a html5, por los rumores que corren.. no es muy compatible con algunos navegadores, queria si se puede algo simple con javascript, jquery, -

Muchas gracias

fede

garciasanchezdani · #4 (**permalink**) 14/06/2012, 01:54

En jQuery, tienes el método .each() que itera sobre un objeto...En tu caso, seleccionas el form, e iteras sobre todos sus input, exceptuando el submit. Es un bucle realmente.
Más info sobre .each(): http://api.jquery.com/each/
Saludos, Daniel

fedefrankk · #5 (**permalink**) 16/06/2012, 10:41

Buenas, gracias por contestar, me fijo lo jquery,
te mando saludos
fede