Amigos mi problema es que no mantiene el valor de mi input al buscar Me explico cuando genero un numero tengo un boton que busca si esta libro o no cuando me sale libre sale un mensaje de libre ese numero ¿PERO EN EL INPUT SE BORRA Y POR LO TANTO AL INSERTAR EN MI BASE DE DATOS PASA CON VALOR DE 0 asi?
1.- ANTES DE PRESIONAR COMPROBAR:
http://img267.imageshack.us/img267/2458/29087196.jpg
2.- CUANDO PRESIONA COMPROBAR EL VALOR SE BORRA DEL INPUT Y CUANDO PASA A INSERTAR A LA BD PASA CON EL VALOR DE 0
http://img526.imageshack.us/img526/3227/20689386.jpg
¿MI PREGUNTA ES COMO PUEDO MANTENER ESE VALOR GENERADO DENTRO DEL INPUT ANTES Y DESPUES DE COMPROBAR?
AQUI LES DEJO MI CODIGO DE COMPROBAR:
Código JAVASCRIPT
:
Ver original<script type="text/javascript">
// Comprobar ni esta no ese numero echo
function nuevoAjax()
{
/* Crea el objeto AJAX*/
var xmlhttp=false;
try
{
// Creacion del objeto AJAX para navegadores no IE
xmlhttp=new ActiveXObject("Msxml2.XMLHTTP");
}
catch(e)
{
try
{
// Creacion del objet AJAX para IE
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
catch(E) { xmlhttp=false; }
}
if (!xmlhttp && typeof XMLHttpRequest!="undefined") { xmlhttp=new XMLHttpRequest(); }
return xmlhttp;
}
function eliminaEspacios(cadena)
{
// Funcion equivalente a trim en PHP
var x=0, y=cadena.length-1;
while(cadena.charAt(x)==" ") x++;
while(cadena.charAt(y)==" ") y--;
return cadena.substr(x, y-x+1);
}
function validaIngreso(valor)
{
/* Funcion encargada de validar lo ingresado por el usuario. Se devuelve TRUE en caso de ser
valido, FALSE en caso contrario */
var reg=/(^[a-zA-Z0-9.@ ]{4,40}$)/;
if(reg.test(valor)) return true;
else return false;
}
function nuevoEvento(evento)
{
// Obtengo el div donde se mostraran las advertencias y errores
var divMensaje=document.getElementById("error");
/* Dependiendo de cual sea el evento que ejecuto esta funcion (ingreso o verificacion) se setean
distintas variables */
if(evento=="ingreso")
{
var input=document.getElementById("ingreso");
// Boton presionado
var boton=document.getElementById("botonIngreso");
// Valor ingresado por el usuario
var valor=input.value;
// Texto a colocar en el input mientras se esta cargando la respuesta del servidor
var textoAccion="Ingresando...";
}
else
{
var input=document.getElementById("verificacion");
// Boton presionado
var boton=document.getElementById("botonVerificacion");
// Valor ingresado por el usuario
var valor=input.value;
// Texto a colocar en el input mientras se esta cargando la respuesta del servidor
var textoAccion="Comprobando...";
}
// Elimino espacios por delante y detras de lo ingresado por el usuario
valor=eliminaEspacios(valor);
// Si el ingreso es invalido coloco un mensaje de error en la capa correspondiente
if(!validaIngreso(valor))
{
divMensaje.innerHTML="El texto ingresado contiene caracteres o longitud inválida";
}
else
{
// Deshabilito inputs y botones para evitar dobles ingresos
boton.disabled=true; input.disabled=true;
input.value=textoAccion;
// Creo la conexion con el servidor y le envio la variable evento (que le indica si debe ingresar o verificar) y el dato a utilizar
var ajax=nuevoAjax();
ajax.open("POST", "modulos/jugadores/vistas/ajax/comprobar_disponibilidad_de_apodo_proceso.php", true);
ajax.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
ajax.send(evento+"="+valor);
ajax.onreadystatechange=function()
{
if (ajax.readyState==4)
{
// Habilito nuevamente botones e inputs
input.value="";
boton.disabled=false; input.disabled=false;
// Muestro el mensaje enviado desde el servidor
divMensaje.innerHTML=ajax.responseText;
}
}
}
}
</script>
<td id="carlos" style="text-align:left">Nº Registro:</td>
<td><input name="registro_fbf" type="text" size="10" id="verificacion" readonly="true" /> <a href="javascript:void(null);" id="texto" style="font:Arial, Helvetica, sans-serif; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight: 300; color:#FF0000;">Generar</a> <button type="button" id="botonVerificacion" onClick="nuevoEvento('verificacion')">Comprobar</button>
<div class="mensaje" id="error"></div>
</div>