|
te paso el codigo de una pagina sencilla que hace lo que estas precisando.
faltaria agregar un action en el form para que los campos sean enviados ante una validacion ok a una pagina .php donde poder usar esos datos.
Cualquier duda me consultas.
saludos.
_______________________________________________________________________
<html>
<head>
<script>
var posicionCampo=1;
function agregarUsuario()
{
nuevaFila = document.getElementById("tablaUsuarios").insertRow(-1);
nuevaFila.id=posicionCampo;
nuevaCelda=nuevaFila.insertCell(-1);
nuevaCelda.innerHTML="<td><input type='text' size='15' name='nombre["+posicionCampo+"]'></td>";
nuevaCelda=nuevaFila.insertCell(-1);
nuevaCelda.innerHTML="<td> <input type='text' size='10' name='web["+posicionCampo+"]'></td>";
nuevaCelda=nuevaFila.insertCell(-1);
nuevaCelda.innerHTML="<td> <input type='text' size='10' name='correo["+posicionCampo+"]' ></td>";
posicionCampo++;
}
function validate()
{
inputs = document.getElementsByTagName("input");
for(i=0;i<inputs.length;i++)
{
nombre=inputs.name;
nombredividido=nombre.split('[');
campo=nombredividido[0]; // con esto me quedo solo con el nombre del campo sin el [x], util para un array php
switch (campo)
{
case 'nombre':
if (!validacionnombre(inputs.value))
{
alert(inputs.name+" no paso la validacion");
return false;
}
break;
case 'web':
if (!validacionweb(inputs.value))
{
alert(inputs.name+" no paso la validacion");
return false;
}
break;
case 'correo':
if (!validacioncorreo(inputs.value))
{
alert(inputs.name+" no paso la validacion");
return false;
}
break;
}
}
return true;
}
function validacionnombre(valor)
{
//aca poner el codigo de validacion para los campos llamados nombre, retornar true si esta bien, o false si esta mal
//ahora solo controlo que tenga algo
if(valor=="")
{
return false;
}
return true;
}
function validacionweb(valor)
{
//aca poner el codigo de validacion para los campos llamados web, retornar true si esta bien, o false si esta mal
//ahora solo controlo que tenga algo
if(valor=="")
{
return false;
}
return true;
}
function validacioncorreo(valor)
{
//aca poner el codigo de validacion para los campos llamados correo, retornar true si esta bien, o false si esta mal
//ahora solo controlo que tenga algo
if(valor=="")
{
return false;
}
return true;
}
</script>
</head>
<body>
<center>
<input type="button" onClick="agregarUsuario()" value="Nuevo usuario" >
<form method="post" onsubmit="return validate();">
<table id="tablaUsuarios">
<tr>
<td width="175">Nombre</td>
<td width="175">Sitio Web </td>
<td width="100">Correo</td>
</tr>
</table>
<input type="submit" value="Enviar">
</form>
</center>
</body>
</html>
|
