Controlar una cadena del formulario antes de enviarlo

angel_dope · #1 (**permalink**) 20/06/2008, 04:54

Hola a tod@s, tengo un formulario y a la hora de enviarlo tengo que comprobar parte del texto de un campo en función de la opción elegida en un desplegable. Para que se vea más claro, en el formulario tengo el siguiente desplegable:

Código PHP:

  <select name="tipo" id="tipo"> 
          <option value="1">Accesorios</option> 
          <option value="2">Videos</option> 
          <option value="3">Documentos</option> 
          <option value="4">Clientes</option> 
        </select>

Y un campo de texto llamado fichero. Al darle al boton de enviar, necesito que primero se compruebe lo siguiente: si en el desplegable se ha elegido la opción Videos, el final de la cadena del campo fichero (los tres últimos caracteres) debe ser avi, mov o zip; y si se ha elegido la opción Documentos, el final de la cadena que hay en ficheros debe ser doc, pdf, xls o zip. Si esto se cumple o la opción del desplegable es otra, se enviará el formulario; si no se cumple, debería salir un aviso al usuario.
He intentado hacerlo por mi cuenta, pero no hay forma

(en gran parte debido a mis pocos conocimientos de javascript, claro)
Muchas gracias por adelantado, salu2

JavierB · #2 (**permalink**) 20/06/2008, 11:28

Hola angel_dope

Prueba este ejemplo:

Código PHP:

  <html>
<head>
<title>Untitled</title>
<script type="text/javascript">
function validar(frm) {
  num = frm.tipo.value;
  txt = frm.fichero.value;
  if (num=='2') patron = /.avi$|.mov$|.zip$/;
  else if (num=='3') patron = /.doc$|.pdf$|.xls$|.zip$/;
  else return;
  if (!patron.test(txt)) {
    alert('Error');
    return false;
  }
}
</script>
</head>
<body>
<form action="algo.php" onsubmit = "return validar(this)">
<select name="tipo" id="tipo">
          <option value="1">Accesorios</option>
          <option value="2">Videos</option>
          <option value="3">Documentos</option>
          <option value="4">Clientes</option>
        </select>
<input type="text" name="fichero" />
<input type="submit" />
</form>  
</body>
</html>

Saludos,

angel_dope · #3 (**permalink**) 20/06/2008, 12:14

Ok, el lunes a primera hora lo pruebo y te comento, pero siendo tu, seguro que va perfecto como siempre jeje. Muchas gracias, salu2

angel_dope · #4 (**permalink**) 23/06/2008, 01:59

Lo que yo decía, funciona perfectamente jeje. Muchas gracias de nuevo, salu2