No consigo recoger nombre de formulario.

[bruli]

Hola a todos.

Tengo el siguiente código que comprueba si un input está vacío:

function formCliente(){
if(document.cliente.nombre.value==""){
alert('Introduce un nombre.')
document.Cliente.nombre.focus()
return 0;
} }

y en el formulario:

<SCRIPT src="js/formCliente.js"></SCRIPT>
<FORM method="POST" name="Cliente" action="resultModificaCliente.php">
<TABLE id="ficha" border="1">
<TR>
<TD id="nom_ficha">Nombre</TD>
<TD><INPUT type="text" name="nombre" size="50" value="<?php echo $r["nombre"]; ?>"></TD>
</TR>
<TR><INPUT type="button" name="modificar" value="Modificar" onclick="formCliente();">
</TD>
</TR>
</TABLE>
</FORM>

Esto funciona perfectamente. Lo que ocurre es que me gustaría poder aprovechar el archivo formCliente.js con otro formulario y para ello tendría que recoger con javascript el nombre del formulario.

He probado poniendo en el "button" onclick="formCliente(this.form)" y luego en la función de js la variable que recoja el nombre. De este modo:

function formCliente(form){
if(document.form.nombre.value==""){
alert('Introduce un nombre.')
document.Cliente.nombre.focus()
return 0;
} }

Pero esto no funciona.

¿No es posbile recoger el nombre del formulario en un campo?.

[KarlanKas]

Haz esto:

Código:

<SCRIPT src="js/formCliente.js"></SCRIPT>
<FORM method="POST" name="Cliente" onSubmit="return formCliente(this)" action="resultModificaCliente.php">
<TABLE id="ficha" border="1">
<TR>
<TD id="nom_ficha">Nombre</TD>
<TD><INPUT type="text" name="nombre" size="50" value="<?php echo $r["nombre"]; ?>"></TD>
</TR>
<TR><INPUT type="submit" name="modificar" value="Modificar" >
</TD>
</TR>
</TABLE>
</FORM>

Y en el js:

Código:

function formCliente(forma){
if(forma['nombre'].value==""){
alert('Introduce un nombre.')
forma['nombre'].focus()
return false;
} }

Un saludo!

[bruli]

Gracias, pero eso no me sirve.

El boton que ejecuta el submit es del tipo button, precisamente para evitar que se ejecute el formulario antes de ejecutar las funciones que tengo en js.

Es decir, lo que trato es de que js compruebe los campos, con unas funciones y luego se ejecute el submit().

Pego todo el código del js.

function formCliente(){
if(document.Cliente.nombre.value==""){
alert('Introduce un nombre.')
document.Cliente.nombre.focus()
return 0;
}

if(document.Cliente.direccion.value==""){
alert('Introduce una dirección.')
document.Cliente.direccion.focus()
return 0;
}

if(document.Cliente.cod_post.value==""){
alert('Introduce un codigo postal.')
document.Cliente.cod_post.focus()
return 0;
} else {
if(document.Cliente.cod_post.value.length<5){
alert('La longitud del codigo postal no es adecuada.');
document.Cliente.cod_post.focus();
return 0;
}else {
var cod= document.Cliente.cod_post.value;
if(isNaN(cod)){
alert('El valor introducido debe ser un número.');
document.Cliente.cod_post.focus();
return 0;
}
}
}

if(document.Cliente.poblacion.value==""){
alert('Introduce una poblacion.')
document.Cliente.poblacion.focus()
return 0;
}

if(document.Cliente.provincia.value==""){
alert('Introduce una provincia.')
document.Cliente.provincia.focus()
return 0;
}

if(document.Cliente.cif.value==""){
alert('Introduce un CIF.')
document.Cliente.cif.focus()
return 0;
} else {
if(document.Cliente.cif.value.length<9){
alert('La longitud del CIF no es correcta.')
document.Cliente.cif.focus();
return 0;
}
}
document.Cliente.submit()
}

Creo que hay alguna manera de poder recoger dentro de un input el nombre del formulario, pero no lo recuerdo.

Gracias de todos modos.

[KarlanKas]

Te ruego que no prejuzgues mi pobre solución y la pruebes antes de decir que no funciona. Muchas gracias!

Y cambia los "document.Cliente" por "forma" y quita el submit del final de la function.

[bruli]

Iniciado por KarlanKas

Te ruego que no prejuzgues mi pobre solución y la pruebes antes de decir que no funciona. Muchas gracias!

Y cambia los "document.Cliente" por "forma" y quita el submit del final de la function.

No me mal interpretes. Lo he probado y hace lo que dices, lo que ocurre, es que siempre ejecuta el submit.

Es decir, si el campo "nombre" está vacio sale el alert, pero al pulsar aceptar ejecuta el formulario.

Insisto en que gracias por la ayuda.

Pero yo creo, aunque no recuerdo, que existe algún modo en poder recoger el nombre del formulario desde un input.

[KarlanKas]

Has modificado la etiqueta form como te he puesto?

<FORM method="POST" name="Cliente" onSubmit="return formCliente(this)" action="resultModificaCliente.php">

[KarlanKas]

Si sigues queriéndolo hacer a tu manera, se puede recoger el name de un formulario desde un input así:

<input type="button" onclick="alert(this.form.name)" value="Saber nombre del formulario" />

[bruli]

Iniciado por KarlanKas

Si sigues queriéndolo hacer a tu manera, se puede recoger el name de un formulario desde un input así:

<input type="button" onclick="alert(this.form.name)" value="Saber nombre del formulario" />

Estupendo, gracias.

Pero luego al intentar recoger ese dato en la funcion js, no funciona.

function formCliente(valor){
if(document.valor.nombre.value==""){
alert('Introduce un nombre.')
document.valor.nombre.focus()
return 0;
}
document.valor.submit()
}

Parece ser que no lo recoge.

He probando poniendo como tu me has indicado antes (formulario['campo']) y el resultado es el mismo.

Este es el boton:

<INPUT type="button" name="aceptar" value="Crear" onclick="formCliente(this.form.name)">

Gracias.

[KarlanKas]

Ponlo así:

function formCliente(valor){
if(document.forms[valor].nombre.value==""){
alert('Introduce un nombre.')
document.forms[valor].nombre.focus()
return 0;
}
document.forms[valor].submit()
}

[bruli]

Iniciado por KarlanKas

Ponlo así:

function formCliente(valor){
if(document.forms[valor].nombre.value==""){
alert('Introduce un nombre.')
document.forms[valor].nombre.focus()
return 0;
}
document.forms[valor].submit()
}

Ahora si.

Gracias, por todo.

[KarlanKas]

De nada, cuando quieras aprender a hacer validadores de formulario menos engorrosos avisa!

[bruli]

Iniciado por KarlanKas

De nada, cuando quieras aprender a hacer validadores de formulario menos engorrosos avisa!

Hombre, pues toda sugerencia es buena.

Había pensado de utilizar este modo de validar un formulario, pues no se ejecuta el submit y de ese modo se conservan los datos introducidos.

Pero bueno, si tienes alguna sugerencia, bienvenida sea.

Saludos

[KarlanKas]

No ves que en tu validador se repite demasiadas veces la comparación

if(document.formulario.campo.value=""){
alert("Está mal")
return false;
}
?

Se podría reducir bastante usando arrays. En realidad no haría falta ni hacer un array ya que javascript ya hace una matriz con todos los elementos de un formulario.

Si encuentro un momento te hago un ejemplo.

[bruli]

Iniciado por KarlanKas

No ves que en tu validador se repite demasiadas veces la comparación

if(document.formulario.campo.value=""){
alert("Está mal")
return false;
}
?

Se podría reducir bastante usando arrays. En realidad no haría falta ni hacer un array ya que javascript ya hace una matriz con todos los elementos de un formulario.

Si encuentro un momento te hago un ejemplo.

Gracias.