Adaptar a funcion

Laika · #1 (**permalink**) 05/10/2009, 02:35

Hola necesito en esta funcion de validación de nombres adaptarle la otra y no lo consigo.

FUNCION 1:

Código:

        <script type="text/javascript">
<!--
function MM_validateForm() { //v4.0
  if (document.getElementById){
    var i,p,q,nm,test,num,min,max,errors='',args=MM_validateForm.arguments;
    for (i=0; i<(args.length-2); i+=3) { test=args[i+2]; val=document.getElementById(args[i]);
      if (val) { nm=val.name; if ((val=val.value)!="") {
        if (test.indexOf('isEmail')!=-1) { p=val.indexOf('@');
          if (p<1 || p==(val.length-1)) errors+='- El '+nm+' debe de ser válido.\n';
        } else if (test!='R') { num = parseFloat(val);
          if (isNaN(val)) errors+='- '+nm+' must contain a number.\n';
          if (test.indexOf('inRange') != -1) { p=test.indexOf(':');
            min=test.substring(8,p); max=test.substring(p+1);
            if (num<min || max<num) errors+='- '+nm+' must contain a number between '+min+' and '+max+'.\n';
      } } } else if (test.charAt(0) == 'R') errors += '- El campo '+nm+' es obligatorio.\n'; }
    } if (errors) alert('Ha ocurrido el siguiente error: \n\n'+errors);
    document.MM_returnValue = (errors == '');
} }
//-->
    </script>

FUNCION 2

Código:

    <script type="text/javascript">
<!--

function validateForm(elem) {

var val_campo = document.getElementById(elem).value;
var patron=new RegExp(/^\s+|\s+$/);
if(val_campo == "") {
 alert("El campo no puede estar vacio")
      return (false);
      }
if (patron.test(val_campo) == true) {
alert("No puede dejar el campo en blanco")
      return (false);
} 
}
//-->
    </script>

Esta es la llamada en el boton que sa la funcion 1:

<input name="button" type="submit" id="button" onclick="MM_validateForm('nombre','','R','apellido s','','R','telefono','','R','email','','RisEmail') ;return document.MM_returnValue" value="Enviar" />

Adler · #2 (**permalink**) 05/10/2009, 07:10

Hola

Muéstranos el formulario con el campo que quieres validar. De esa manera será mas sencillo que tratar de adaptarla a la función de Macromedia

Suerte

Laika · #3 (**permalink**) 05/10/2009, 08:00

Este es el formulario. Que sean campos obligatorios el nombre,apellidos,telefono y el email.

Código:

<form action="tratar-enviar-contactar.aspx" method="post">
    <table width="550" border="0" align="center" cellpadding="0" cellspacing="0">
      <tr>
        <td class="texto-verde-centrado">FORMULARIO DE CONTACTO</td>
      </tr>
    </table>
    <p>&nbsp; </p>
    <table width="550" border="0" align="center" cellpadding="0" cellspacing="0">
      <tr>
        <td width="82" height="21">(*) Nombre:</td>
        <td width="182" height="30"><input type="text" name="nombre" id="nombre" /></td>
        <td width="101">(*) Apellidos:</td>
        <td width="185"><input type="text" name="apellidos" id="apellidos" /></td>
      </tr>
      <tr>
        <td height="21">Direcci&oacute;n:</td>
        <td height="30"><input type="text" name="direccion" id="direccion" /></td>
        <td>CP:</td>
        <td><input type="text" name="cp" id="cp" /></td>
      </tr>
      <tr>
        <td height="21">Poblaci&oacute;n:</td>
        <td height="30"><input type="text" name="poblacion" id="poblacion" /></td>
        <td>Provincia:</td>
        <td><input type="text" name="provincia" id="provincia" /></td>
      </tr>
      <tr>
        <td height="21">Pa&iacute;s:</td>
        <td height="30"><input type="text" name="pais" id="pais" /></td>
        <td>(*) Tel&eacute;fono:</td>
        <td><input type="text" name="telefono" id="telefono" /></td>
      </tr>
      <tr>
        <td> (*) Email:</td>
        <td height="30"><input type="text" name="email" id="email" /></td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
      </tr>
    </table>
    <table width="550" border="0" align="center" cellpadding="0" cellspacing="0">
      <tr>
        <td><p>Comentarios:</p>
          <p>
            <textarea name="comentarios" id="comentarios" cols="58" rows="5"></textarea>
          </p></td>
      </tr>
      <tr>
        <td>&nbsp;</td>
      </tr>
      <tr>
        <td align="center"><input name="button" type="submit" id="button" onclick="MM_validateForm('nombre','','R','apellidos','','R','telefono','','R','email','','RisEmail');return document.MM_returnValue" value="Enviar" /></td>
      </tr>

    </table>
    </form>

Adler · #4 (**permalink**) 05/10/2009, 13:41

Hola

Prueba con esto

Código javascript:

Ver original<html>
<head>
  <script type="text/javascript">
<!--
 
function validateForm(elem1,elem2,elem3,elem4,elem5,elem6,elem7,elem8) {
var patron=new RegExp(/^\s+|\s+$/);
 
var oknom = document.getElementById(elem1).value;
var okape = document.getElementById(elem2).value;
 
if ((oknom == "") || (okape == "")) {
 alert("El campo no puede estar vacio")
      return (false);
      }
if ((patron.test(oknom) == true) || (patron.test(okape) == true)) {
alert("No puede dejar el campo en blanco")
      return (false);
} 
}
//-->
    </script>
</head>
<body>
<form action="tratar-enviar-contactar.aspx" method="post">
    <table width="550" border="0" align="center" cellpadding="0" cellspacing="0">
      <tr>
        <td class="texto-verde-centrado">FORMULARIO DE CONTACTO</td>
      </tr>
    </table>
    <p>&nbsp; </p>
    <table width="550" border="0" align="center" cellpadding="0" cellspacing="0">
      <tr>
        <td width="82" height="21">(*) Nombre:</td>
        <td width="182" height="30"><input type="text" name="nombre" id="nombre" /></td>
        <td width="101">(*) Apellidos:</td>
        <td width="185"><input type="text" name="apellidos" id="apellidos" /></td>
      </tr>
      <tr>
        <td height="21">Direcci&oacute;n:</td>
        <td height="30"><input type="text" name="direccion" id="direccion" /></td>
        <td>CP:</td>
        <td><input type="text" name="cp" id="cp" /></td>
      </tr>
      <tr>
        <td height="21">Poblaci&oacute;n:</td>
        <td height="30"><input type="text" name="poblacion" id="poblacion" /></td>
        <td>Provincia:</td>
        <td><input type="text" name="provincia" id="provincia" /></td>
      </tr>
      <tr>
        <td height="21">Pa&iacute;s:</td>
        <td height="30"><input type="text" name="pais" id="pais" /></td>
        <td>(*) Tel&eacute;fono:</td>
        <td><input type="text" name="telefono" id="telefono" /></td>
      </tr>
      <tr>
        <td> (*) Email:</td>
        <td height="30"><input type="text" name="email" id="email" /></td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
      </tr>
    </table>
    <table width="550" border="0" align="center" cellpadding="0" cellspacing="0">
      <tr>
        <td><p>Comentarios:</p>
          <p>
            <textarea name="comentarios" id="comentarios" cols="58" rows="5"></textarea>
          </p></td>
      </tr>
      <tr>
        <td>&nbsp;</td>
      </tr>
      <tr>
        <td align="center"><input name="button" type="submit" id="button" onclick="return validateForm('nombre','R','apellidos','R','telefono','R','email','RisEmail');" value="Enviar" /></td>
      </tr>
    </table>
    </form>
</body>
</html>

Te he validado los dos primero y el resto... bueno con ese código se entiende

Suerte

Laika · #5 (**permalink**) 06/10/2009, 04:41

y ¿cómo hago la llamada desde el boton?

Esto es lo que habia antes:

Código:

<input name="button" type="submit" id="button" onclick="return validateForm('nombre','R','apellidos','R','telefono','R','email','RisEmail');" value="Enviar" />

Adler · #6 (**permalink**) 06/10/2009, 04:46

Hola

No entiendo tu pregunta. La llamada la haces tal y como la estás haciendo

Suerte

Laika · #7 (**permalink**) 07/10/2009, 01:26

Nome hace nada. Tengo estas 2 dudas:

En esta parte de la funcion, donde pone elemen1,elemen2.... ¿tengo que poner los nombres de cada campo del formulario que desee validar?:

function validateForm(elemen1,elem2,elem3,elem4,elem5,elem6 ,elem7,elem8)

Y en la llamada a la funcion que tenía:

onclick="validateForm('nombre','','R','apellidos', '','R','telefono','','R','email','','RisEmail');re turn document.MM_returnValue"

¿Cómo sería la llamada correcta?

Adler · #8 (**permalink**) 07/10/2009, 05:37

Hola

La manera más sencilla es esta

function validateForm(elem1,elem2,elem3,elem4,elem5,elem6,e lem7,elem8)

por otro lado podrías usar getElementsByTagName("input") pero aquí ya se meterían los campos no es necesario validar

La llamada a la función has de hacerla así

onclick="return validateForm('nombre','R','apellidos','R','telefon o','R','email','RisEmail');"

ya que no estás usando el evento onsubmit sino onclick. Como ves le he quitado todos aquellos valores que estaban vacíos, ya que si le pasas a la función un valor vacío, en este caso creo que no vas a usarlo

Suerte

Laika · #9 (**permalink**) 08/10/2009, 10:16

Me envia el formulario sin aparecer ningun mensaje de los que deben aparecer.
Este es el codigo:

HEAD:

Código:

  <script type="text/javascript">
<!--

function validateForm(elem1,elem2,elem3,elem4,elem5,elem6,elem7,elem8) {

var patron=new RegExp(/^\s+|\s+$/);
var oknom = document.getElementById(elem1).value;
var okape = document.getElementById(elem2).value;

if ((oknom == "") || (okape == "")) {

 alert("El campo no puede estar vacio")
      return (false);
      }

if ((patron.test(oknom) == true) || (patron.test(okape) == true)) {

alert("No puede dejar el campo en blanco")
      return (false);
}
}
//-->
    </script>

BODY:

Código:

<form action="tratar-enviar-contactar2.aspx" method="post">
    <table width="200" border="0" align="center" cellpadding="0" cellspacing="0">
      <tr>
        <td class="texto-verde-centrado">FORMULARIO DE CONTACTO</td>
      </tr>
    </table>
    <br />
    <table width="640" border="0" align="center" cellpadding="0" cellspacing="0">
      <tr>
        <td height="32"><br />
          <span class="texto-negrita-verde">Los campos con * son obligatorios.</span></td>
      </tr>
    </table>
    <p>&nbsp; </p>
    <table width="640" border="0" align="center" cellpadding="0" cellspacing="0">
      <tr>
        <td width="93" height="21"><span class="texto-negrita-verde">*</span> Nombre:</td>
        <td width="212" height="30"><input name="nombre" type="text" id="nombre" size="29" /></td>
        <td width="104"><span class="texto-negrita-verde">*</span> Apellidos:</td>
        <td width="231"><input name="apellidos" type="text" id="apellidos" size="29" /></td>
      </tr>
      <tr>
        <td height="21">Direcci&oacute;n:</td>
        <td height="30"><input name="direccion" type="text" id="direccion" size="29" /></td>
        <td>CP:</td>
        <td><input name="cp" type="text" id="cp" size="29" /></td>
      </tr>
      <tr>
        <td height="21">Poblaci&oacute;n:</td>
        <td height="30"><input name="poblacion" type="text" id="poblacion" size="29" /></td>
        <td><span class="texto-negrita-verde">*</span> Provincia:</td>
        <td><select name="provincia" class="formulario" id="provincia" onChange="envia(this)">
          <option value="#" selected>seleccione provincia ...</option>
          <option value="#">------------------</option>
          <option value="A Coru&ntilde;a">A Coru&ntilde;a</option>
          <option value="Alava">&Aacute;lava</option>
          <option value="Albacete">Albacete</option>
          <option value="Alicante">Alicante</option>
          <option value="Almeria">Almer&iacute;a</option>
          <option value="Andorra">Andorra</option>
          <option value="Asturias">Asturias</option>
          <option value="Avila">&Aacute;vila</option>
          <option value="Badajoz">Badajoz</option>
          <option value="Baleares">Baleares</option>
          <option value="Barcelona">Barcelona</option>
          <option value="Burgos">Burgos</option>
          <option value="Caceres">C&aacute;ceres</option>
          <option value="Cadiz">C&aacute;diz</option>
          <option value="Cantabria">Cantabria</option>
          <option value="Castellon">Castell&oacute;n</option>
          <option value="Ceuta">Ceuta</option>
          <option value="Ciudad Real">Ciudad Real</option>
          <option value="Cordoba">C&oacute;rdoba</option>
          <option value="Cuenca">Cuenca</option>
          <option value="Girona">Girona</option>
          <option value="Granada">Granada</option>
          <option value="Guadalajara">Guadalajara</option>
          <option value="Gipuzkoa">Guip&uacute;zcoa</option>
          <option value="Huelva">Huelva</option>
          <option value="Huesca">Huesca</option>
          <option value="Jaen">Ja&eacute;n</option>
          <option value="La Rioja">La Rioja</option>
          <option value="Las Palmas de Gran Canaria">Las Palmas de Gran Canaria</option>
          <option value="Leon">Le&oacute;n</option>
          <option value="Lleida">Lleida</option>
          <option value="Lugo">Lugo</option>
          <option value="Madrid">Madrid</option>
          <option value="Malaga">M&aacute;laga</option>
          <option value="Melilla">Melilla</option>
          <option value="Murcia">Murcia</option>
          <option value="Navarra">Navarra</option>
          <option value="Ourense">Ourense</option>
          <option value="Palencia">Palencia</option>
          <option value="Pontevedra">Pontevedra</option>
          <option value="Salamanca">Salamanca</option>
          <option value="Segovia">Segovia</option>
          <option value="Sevilla">Sevilla</option>
          <option value="Soria">Soria</option>
          <option value="Santa Cruz de Tenerife">Santa Cruz de Tenerife</option>
          <option value="Tarragona">Tarragona</option>
          <option value="Teruel">Teruel</option>
          <option value="Toledo">Toledo</option>
          <option value="Valencia">Valencia</option>
          <option value="Valladolid">Valladolid</option>
          <option value="Bizkaia">Vizcaya</option>
          <option value="Zamora">Zamora</option>
          <option value="Zaragoza">Zaragoza</option>
        </select>
</td>
      </tr>
      <tr>
        <td height="21">Pa&iacute;s:</td>
        <td height="30"><input name="pais" type="text" id="pais" size="29" /></td>
        <td><span class="texto-negrita-verde">*</span> Tel&eacute;fono:</td>
        <td><input name="telefono" type="text" id="telefono" size="29" /></td>
      </tr>
      <tr>
        <td> <span class="texto-negrita-verde">*</span> Email:</td>
        <td height="30"><input name="email" type="text" id="email" size="29" /></td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
      </tr>
    </table>
    <table width="640" border="0" align="center" cellpadding="0" cellspacing="0">
      <tr>
        <td><p><br />
          Comentarios:</p>
          <p>
            <textarea name="comentarios" id="comentarios" cols="75" rows="5"></textarea>
          </p></td>
      </tr>
      <tr>
        <td>&nbsp;</td>
      </tr>
      <tr>
        <td align="center"><input name="button" type="submit" id="button" onclick="validateForm('nombre','','R','apellidos','','R','telefono','','R','email','','RisEmail');return document.MM_returnValue" value="Enviar" /></td>
      </tr>      
    </table>
    </form>

Adler · #10 (**permalink**) 09/10/2009, 05:39

Hola

Si no haces lo que te estoy indicando es imposible

Prueba ahora

Código html:

Ver original<html>
<head>
 
 <script type="text/javascript">
<!--
 
function validateForm(elem1,elem2,elem3,elem4,elem5,elem6,elem7,elem8) {
 
var patron=new RegExp(/^\s+|\s+$/);
var oknom = document.getElementById(elem1).value;
var okape = document.getElementById(elem3).value;
 
if ((oknom == "") || (okape == "")) {
 
 alert("El campo no puede estar vacio")
      return (false);
      }
 
if ((patron.test(oknom) == true) || (patron.test(okape) == true)) {
 
alert("No puede dejar el campo en blanco")
      return (false);
}
}
//-->
    </script>
 
</head>
<body>
 
<form action="tratar-enviar-contactar2.aspx" method="post">
    <table width="200" border="0" align="center" cellpadding="0" cellspacing="0">
      <tr>
        <td class="texto-verde-centrado">FORMULARIO DE CONTACTO</td>
      </tr>
    </table>
    <br />
    <table width="640" border="0" align="center" cellpadding="0" cellspacing="0">
      <tr>
        <td height="32"><br />
          <span class="texto-negrita-verde">Los campos con * son obligatorios.</span></td>
      </tr>
    </table>
    <p>&nbsp; </p>
    <table width="640" border="0" align="center" cellpadding="0" cellspacing="0">
      <tr>
        <td width="93" height="21"><span class="texto-negrita-verde">*</span> Nombre:</td>
        <td width="212" height="30"><input name="nombre" type="text" id="nombre" size="29" /></td>
        <td width="104"><span class="texto-negrita-verde">*</span> Apellidos:</td>
        <td width="231"><input name="apellidos" type="text" id="apellidos" size="29" /></td>
      </tr>
      <tr>
        <td height="21">Direcci&oacute;n:</td>
        <td height="30"><input name="direccion" type="text" id="direccion" size="29" /></td>
        <td>CP:</td>
        <td><input name="cp" type="text" id="cp" size="29" /></td>
      </tr>
      <tr>
        <td height="21">Poblaci&oacute;n:</td>
        <td height="30"><input name="poblacion" type="text" id="poblacion" size="29" /></td>
        <td><span class="texto-negrita-verde">*</span> Provincia:</td>
        <td><select name="provincia" class="formulario" id="provincia" onChange="envia(this)">
          <option value="#" selected>seleccione provincia ...</option>
          <option value="#">------------------</option>
          <option value="A Coru&ntilde;a">A Coru&ntilde;a</option>
          <option value="Alava">&Aacute;lava</option>
          <option value="Albacete">Albacete</option>
          <option value="Alicante">Alicante</option>
          <option value="Almeria">Almer&iacute;a</option>
          <option value="Andorra">Andorra</option>
          <option value="Asturias">Asturias</option>
          <option value="Avila">&Aacute;vila</option>
          <option value="Badajoz">Badajoz</option>
          <option value="Baleares">Baleares</option>
          <option value="Barcelona">Barcelona</option>
          <option value="Burgos">Burgos</option>
          <option value="Caceres">C&aacute;ceres</option>
          <option value="Cadiz">C&aacute;diz</option>
          <option value="Cantabria">Cantabria</option>
          <option value="Castellon">Castell&oacute;n</option>
          <option value="Ceuta">Ceuta</option>
          <option value="Ciudad Real">Ciudad Real</option>
          <option value="Cordoba">C&oacute;rdoba</option>
          <option value="Cuenca">Cuenca</option>
          <option value="Girona">Girona</option>
          <option value="Granada">Granada</option>
          <option value="Guadalajara">Guadalajara</option>
          <option value="Gipuzkoa">Guip&uacute;zcoa</option>
          <option value="Huelva">Huelva</option>
          <option value="Huesca">Huesca</option>
          <option value="Jaen">Ja&eacute;n</option>
          <option value="La Rioja">La Rioja</option>
          <option value="Las Palmas de Gran Canaria">Las Palmas de Gran Canaria</option>
          <option value="Leon">Le&oacute;n</option>
          <option value="Lleida">Lleida</option>
          <option value="Lugo">Lugo</option>
          <option value="Madrid">Madrid</option>
          <option value="Malaga">M&aacute;laga</option>
          <option value="Melilla">Melilla</option>
          <option value="Murcia">Murcia</option>
          <option value="Navarra">Navarra</option>
          <option value="Ourense">Ourense</option>
          <option value="Palencia">Palencia</option>
          <option value="Pontevedra">Pontevedra</option>
          <option value="Salamanca">Salamanca</option>
          <option value="Segovia">Segovia</option>
          <option value="Sevilla">Sevilla</option>
          <option value="Soria">Soria</option>
          <option value="Santa Cruz de Tenerife">Santa Cruz de Tenerife</option>
          <option value="Tarragona">Tarragona</option>
          <option value="Teruel">Teruel</option>
          <option value="Toledo">Toledo</option>
          <option value="Valencia">Valencia</option>
          <option value="Valladolid">Valladolid</option>
          <option value="Bizkaia">Vizcaya</option>
          <option value="Zamora">Zamora</option>
          <option value="Zaragoza">Zaragoza</option>
        </select>
</td>
      </tr>
      <tr>
        <td height="21">Pa&iacute;s:</td>
        <td height="30"><input name="pais" type="text" id="pais" size="29" /></td>
        <td><span class="texto-negrita-verde">*</span> Tel&eacute;fono:</td>
        <td><input name="telefono" type="text" id="telefono" size="29" /></td>
      </tr>
      <tr>
        <td> <span class="texto-negrita-verde">*</span> Email:</td>
        <td height="30"><input name="email" type="text" id="email" size="29" /></td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
      </tr>
    </table>
    <table width="640" border="0" align="center" cellpadding="0" cellspacing="0">
      <tr>
        <td><p><br />
          Comentarios:</p>
          <p>
            <textarea name="comentarios" id="comentarios" cols="75" rows="5"></textarea>
          </p></td>
      </tr>
      <tr>
        <td>&nbsp;</td>
      </tr>
      <tr>
        <td align="center"><input name="button" type="submit" id="button" onclick="return validateForm('nombre','R','apellidos','R','telefono','R','email','RisEmail');" value="Enviar" /></td>
      </tr>      
    </table>
    </form>
</body>
</html>

Suerte