Validacion de textfields

[dragonfire256]

Hola buenos dias... Para el proyecto que estoy haciendo para mi compañia, necesito hacer una validacion antes de enviar un formulario... Se que hace con javascript, pero realmente no conozco mucho del lenguaje
Para ser mas especifico, va a ser un control de horas... Antes de enviarse el formulario, debe sumar el total de los campos y validarse que no este por debajo de 8 horas... Si se encuentra por debajo de ese valor, muestra una alerta y te devuelve al formulario... Si es igual o superior a 8, el formulario se enviara a otro archivo php, que se encargara de procesarlo
Muchas gracias

[luis_vega]

¿Cual es la duda o problema?

[dragonfire256]

Iniciado por luis_vega

¿Cual es la duda o problema?

Lo expuesto anteriormente amigo... Necesito sumar el valor de varios textfields... Si el valor esta por debajo de 8, que no permita enviar el formulario, muestre una alerta y te regrese al formulario propiamente dicho... Si es igual o superior a 8, el formulario se enviara a un archivo php que se encargara de procesarlos... Muchas gracias

[cesar43f]

puedes usar jquery y un plugin de validacion de formularios

http://docs.jquery.com/Downloading_jQuery
http://bassistance.de/jquery-plugins/jquery-plugin-validation/

[dragonfire256]

Iniciado por cesar43f

puedes usar jquery y un plugin de validacion de formularios

http://docs.jquery.com/Downloading_jQuery
http://bassistance.de/jquery-plugins...in-validation/

El problema es que conozco muy poco de javascript... Me podrias explicar como funciona esos plugins... Disculpa la molestia.... Muchas gracias

[cesar43f]

Ok para empezar con jquery:

descargalo de aqui:
http://jquery.com/

guardalo en alguna ruta cercana a tu archivo html, php....

despues dentro de la etiqueta head de tu codigo html haz referencia a la ubicacion de tu archivo jquery ej:

<script src="jquery.js"></script>

despues de eso te recomiendo que leas esta pagina, aqui hay informacion muy buena y resumida que lees en 5 minutos:

http://www.librosweb.es/ajax/capitulo10/la_libreria_jquery.html


Aqui hay un ejemplo muy bueno de validacion de formularios:
http://web.tursos.com/tutoriales/javascript/como-hacer-un-formulario-de-contacto-ii-validar-con-jquery

[dragonfire256]

Iniciado por cesar43f

Ok para empezar con jquery:

descargalo de aqui:
http://jquery.com/

guardalo en alguna ruta cercana a tu archivo html, php....

despues dentro de la etiqueta head de tu codigo html haz referencia a la ubicacion de tu archivo jquery ej:

<script src="jquery.js"></script>

despues de eso te recomiendo que leas esta pagina, aqui hay informacion muy buena y resumida que lees en 5 minutos:

http://www.librosweb.es/ajax/capitul...ia_jquery.html


Aqui hay un ejemplo muy bueno de validacion de formularios:
http://web.tursos.com/tutoriales/jav...dar-con-jquery

Despues de que algun dia logre entender todo eso supongo que la funcion creada se llamara en el boton de enviar, es decir,

Código HTML:

<input type="submit" onsubmit("nombre de la funcion") /> 

[cesar43f]

Ok en esta pagina: http://web.tursos.com/tutoriales/javascript/como-hacer-un-formulario-de-contacto-ii-validar-con-jquery
veras este codigo jquery:

Código:

$(document).ready(function () {
    var emailreg = /^[a-zA-Z0-9_\.\-]+@[a-zA-Z0-9\-]+\.[a-zA-Z0-9\-\.]+$/;
    $(".boton").click(function (){
        $(".error").remove();
        if( $(".nombre").val() == "" ){
            $(".nombre").focus().after("<span class='error'>Ingrese su nombre</span>");
            return false;
        }else if( $(".email").val() == "" || !emailreg.test($(".email").val()) ){
            $(".email").focus().after("<span class='error'>Ingrese un email correcto</span>");
            return false;
        }else if( $(".asunto").val() == ""){
            $(".asunto").focus().after("<span class='error'>Ingrese un asunto</span>");
            return false;
        }else if( $(".mensaje").val() == "" ){
            $(".mensaje").focus().after("<span class='error'>Ingrese un mensaje</span>");
            return false;
        }
    });
});

donde este codigo
$(".boton").click(function (){}
es el equivalente a lo que tu pones donde .boton es para hacer referencia
a una clase, o si lo prefieres por el id de tu boton
$("#idboton").click(function (){}

Con este codigo se obtiene el valor de las cajas de texto
var texto=$("#idcaja").val();

es como tener:
var texto=formulario.nombrecaja.value;

[dragonfire256]

Iniciado por cesar43f

Ok en esta pagina: http://web.tursos.com/tutoriales/jav...dar-con-jquery
veras este codigo jquery:

Código:

$(document).ready(function () {
    var emailreg = /^[a-zA-Z0-9_\.\-]+@[a-zA-Z0-9\-]+\.[a-zA-Z0-9\-\.]+$/;
    $(".boton").click(function (){
        $(".error").remove();
        if( $(".nombre").val() == "" ){
            $(".nombre").focus().after("<span class='error'>Ingrese su nombre</span>");
            return false;
        }else if( $(".email").val() == "" || !emailreg.test($(".email").val()) ){
            $(".email").focus().after("<span class='error'>Ingrese un email correcto</span>");
            return false;
        }else if( $(".asunto").val() == ""){
            $(".asunto").focus().after("<span class='error'>Ingrese un asunto</span>");
            return false;
        }else if( $(".mensaje").val() == "" ){
            $(".mensaje").focus().after("<span class='error'>Ingrese un mensaje</span>");
            return false;
        }
    });
});

donde este codigo
$(".boton").click(function (){}
es el equivalente a lo que tu pones donde .boton es para hacer referencia
a una clase, o si lo prefieres por el id de tu boton
$("#idboton").click(function (){}

Con este codigo se obtiene el valor de las cajas de texto
var texto=$("#idcaja").val();

es como tener:
var texto=formulario.nombrecaja.value;

una vez obtenido el valor de todas los textfields, los sumo, y hago un if preguntando si estan cumpliendo la condicion del rango minimo... Si no se cumple esa condicion, esta funcion impedira enviar el formulario???... Muchas gracias

[cesar43f]

obtienes el valor que te retorna la funcion, si es false no envias el formulario