Código PHP:
<html>
<head>
<title>Graficaciones</title>
<script type="text/javascript" languaje="javascript">
counter = 1;
function comprueba(valor){
var valores_aceptados= /^([0-9])*$/ ;
/*Basicamente aqui radica mi problema al validar puesto la funcion
no me esta validando es decir si en el text box creado pongo 123 entra al error
y si pongo abc igual me envia el error ,espero me puedan ayudar la cuestion es que los datos que voy a enviar deben ser solo numero no caracteres
y mas abajo ->
*/
if( valor != valores_aceptados)
{
alert('Solo acepta numeros del 0 al 9 ');
return false;
} else {
return true;
}
}
function valida()
{
var numero_nuevo;
var contenido = Array();
for(var k = 1; k < counter; k++){
numero_nuevo = counter - 1;
var campo_nuevo = document.getElementById('texto' + k).value;
if (campo_nuevo == '') {
contenido[k] = 'vacio';
} else if(campo_nuevo != '') {
comprueba(campo_nuevo, k);
contenido[k] = 'lleno';
}
}
posteamos(contenido);
}
function posteamos(contenido) {
contenido.reverse();
var nueva_longitud = contenido.length - 1;
for(var j = 0; j < nueva_longitud; j++){
if (contenido[j] == 'vacio') {
alert("te faltan campos por rellenar " + contenido[j]);
falso();
/*-> Aqui tengo otro problema ya me checa que los campos no estan vacios
y lo hace a la perfeccion pero si pongo en el campo 1 datos y en el 2vacio pero en el campo 3 pongo datos me envia a mi formulario pero el campo 2 sigue vacio
sin embargo si mando el campo 1 y 2 lleno y el 3 vacio me respeta y no me deja salir ya intente poniendole break; pero no lo truena :S alguna ayuda
*/
} else if (contenido[j] == 'lleno'){
document.form.submit();
}
}
}
function falso() {
return false;
}
function agregarCampo()
{
var x = document.getElementById("campos_txt");
var campo = document.createElement("input");
campo.setAttribute('type', "text");
campo.setAttribute('name', "texto"+counter);
campo.setAttribute('id', "texto"+counter);
var br = document.createElement("br");
x.appendChild(document.createTextNode("Campo"+counter+": "));
x.appendChild(campo);
x.appendChild(br);
counter++;
}
function borrar_todos() {
for (var i = 0; i < counter; i++) {
var x = document.getElementById("campos_txt");
x.removeChild(x.lastChild);
x.removeChild(x.lastChild);
x.removeChild(x.lastChild);
}
}
function borrarElemento()
{
var x = document.getElementById("campos_txt");
x.removeChild(x.lastChild);
x.removeChild(x.lastChild);
x.removeChild(x.lastChild);
counter = counter -1;
}
</script>
</head>
<body>
<h6><a href="#" onClick="agregarCampo();">Añadir Campo de Texto</a> | <a href="#" onClick="borrarElemento()">Borrar Campo de Texto</a> | <a href="#" onClick="borrar_todos()">Elimar todos</a> | <a href="#" onClick="enviar()"> Enviar</a></h6>
<form name="form" id="form" action="../source/php/barrilla2.php" method="post" />
<div id="campos_txt">
</div>
<input name="b" type="button" value=":-)" id="b" onclick="return valida()" />
</form>
</body>
</html>
