Ayuda con input text en array

Laymont · #1 (**permalink**) 25/09/2010, 16:28

Buenas amigos del foro, soy un novato programando con javascript; y mi problema es el siguiente:

Expongo un ejemplo:
JavaScript

Código Javascript:

Ver original<script>
function validar(form){
    var patron = /(^[a-zA-Z]{4})([0-9]{7})$/;
    var valor = document.getElementById('contenedor[]').value;
    if(valor.match(patron)){
        document.getElementById('contenedor[]').style.color="#008B00"; 
        return true;
    }else {
        document.getElementById('contenedor[]').style.color="#FF0000";
         alert('Numero de contenedor invalido');
    }
}
</script>

Formulario

Código HTML:

Ver original<form id="formInsert" name="formInsert" method="post" action="procesador.php">
<p><input name="contenedor[]" type="text" class="mayuscula" id="contenedor[]" size="14" maxlength="11" onblur="validar(this)" /></p>
<p><input name="contenedor[]" type="text" class="mayuscula" id="contenedor[]" size="14" maxlength="11" onblur="validar(this)" /></p>
<input name="submit"  type="submit">
</form>

Mi problema es que solo me valida el primer input text, el siguiente input text no lo valida, si alguien me puede ayudar por favor

Adler · #2 (**permalink**) 25/09/2010, 16:39

Hola

Algo rápido. Asigna a cada campo una id distinta. En vez de usar this, usa this.id. Ahora la función, cambia esto

Cita:

var valor = document.getElementById('contenedor[]').value;

por esto

Cita:

var valor = document.getElementById(frm).value;

en vez de usar match usa test y por último quita el return true, no hsy nada que devolver

Suerte

Laymont · #3 (**permalink**) 25/09/2010, 21:00

Adler lo hice como me dijistes y aun no me valida, aca te dejo el codigo

Código HTML:

Ver original<html> 
<head> 
<title>pagina1.php</title> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style type="text/css">
body,td,th {
    font-family: Calibri;
    font-size: 12px;
}
</style>

Código PHP:

Ver original<?php $cantidad = 4;?>

Código Javascript:

Ver original<script type="text/javascript">
function validarContenedorM(form){
    var patronContenedorM = /(^[a-zA-Z]{4})([0-9]{7})$/;
    var valor = document.getElementById('contenedor[]').value;
    if(valor.test(patronContenedorM)){
        document.getElementById('contenedor[]').style.color="#008B00"; 
    }else {
        document.getElementById('contenedor[]').style.color="#FF0000";
         alert('Numero de contenedor invalido');
    }
}
</script>

Código HTML:

Ver original</head> 
 
<body>
<form action="" method="post" name="form1" id="form1">

Código PHP:

Ver original<?php for($i=0;$i<=$cantidad-1;$i++){ ?>

Código HTML:

Ver original<p>
    <label>Contenedor
      <input type="text" name="contenedor[]" id="contenedor[<?php echo $i;?>]" onBlur="validarContenedorM(this.id)">
    </label>
  </p>

Código PHP:

Ver original<?php }?>

Código HTML:

Ver original<p>
    <input type="submit" name="button" id="button" value="Enviar">
  </p>
</form>
</body> 
</html>

Adler · #4 (**permalink**) 26/09/2010, 06:10

Hola

Poco de lo que te dije has hecho

Cita:

Suerte

Laymont · #5 (**permalink**) 26/09/2010, 12:46

asi lo he puesto y no me funciona:

Código HTML:

Ver original<html> 
<head> 
<title>pagina1.php</title> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style type="text/css">
body,td,th {
    font-family: Calibri;
    font-size: 12px;
}
</style>
<?php $cantidad = 4;?>

Código Javascript:

Ver original<script src="js/validaciones.js" type="text/javascript">
function validarContenedorM(obj, val){
    if(/(^[a-zA-Z]{4})([0-9]{7})$/.test(val)){
        document.getElementById(obj).style.color="#008B00" ;
    }else {
        document.getElementById(obj).style.color="#FF0000" ;
        alert('Numero de contenedor invalido');
    }
}
</script>

Código HTML:

Ver original</head> 
 
<body>
<form action="" method="post" name="form1" id="form1">
<?php for($i=0;$i<=$cantidad-1;$i++){ ?>
  <p>
    <label>Contenedor
      <input type="text" name="contenedor[]" id="contenedor[<?php echo $i;?>]" onBlur="validarContenedorM(this.id, this.value)">
    </label>
  </p><?php }?>
  <p>
    <input type="submit" name="button" id="button" value="Enviar">
  </p>
</form>
</body> 
</html>

De verdad te agresco la ayuda que me estas brindano, solo te pido un poco de paciencia por que de verdad estoy muy nuevo con javascript.

Adler · #6 (**permalink**) 26/09/2010, 12:50

Hola

Estás cargando un archivo externo y una tienes una función interna, por lo tanto sería así

Cita:

Un consejo, usa una consola de errores, por ejemplo FireBug de FF, te hará la vida mas sencilla

Suerte

Laymont · #7 (**permalink**) 26/09/2010, 13:10

Me pase! :$ tienes toda la razon, ya esta funcionando, muchisimas gracias adler; demas esta decirte que estoy a tu order, PHP o MySQL. Nuevamente muchas gracias

Adler · #8 (**permalink**) 26/09/2010, 15:10

Hola

Cita:

Iniciado por Laymont

Me pase! :$ tienes toda la razon, ya esta funcionando, muchisimas gracias adler; demas esta decirte que estoy a tu order, PHP o MySQL. Nuevamente muchas gracias

Se agradece

Una puntualización, no es necesario tratar las id como array, no sacas ninguna ventaja

Cita:

<input type="text" name="contenedor[]" id="contenedor<?php echo $i;?>" onBlur="validarContenedorM(this.id, this.value)">