captura onblur

[mikil]

tengo un formulario en el que al entrar el codigo de un articulo compruebo con ajax una serie de incidencias lanzo mensajes de aviso. segun el tipo de mensaje debo avanzar o mantener el foco en el mismo campo.

la llamada a va bien, pero para lanzar la funcion de MostrarConsuta utilizo el evento OnBlur y cuando hay incidencias se queda lanzando una vez y otra el mensaje en alert

Código:

                                   
 <input type="text" class="form-control" maxlength="8" name="codigoOD" id="codigoOD" 
                                            onBlur="MostrarConsultaD();" 
                                            value="<?php echo $codigoOD; ?>"/>

la funcion llamada

Código:

	function MostrarConsultaD(){
		var id = document.formdetall.codigoOD.value;
		var url = 'c_articulo_LC.php';
			$.ajax({
			type:'POST',
			url:url,
			data:'id='+id,
			success: function(valores){
					var datos = eval(valores);					
					$('#radODLC').val(datos[0]);
					$('#ejeODLC').val(datos[1]);
					$('#cilODLC').val(datos[2]);
					$('#esfODLC').val(datos[3]);
					$('#diaODLC').val(datos[4]);
					var terror = datos[0];
					var ustock = datos[9];
					if (terror == 'ERROR1') {
						alert('Faltan digitos');
						$('#codigoOD').val('');
						$('#radODLC').val('');
						$('#ejeODLC').val('');
						$('#cilODLC').val('');
						$('#esfODLC').val('');
                                                $('#diaODLC').val('');
						document.formdetall.codigoOD.focus();					
					}
					if (terror == 'ERROR2') {
						alert('CODIGO ARTICULO no definida');
						$('#codigoOD').val('');
						$('#radODLC').val('');
						$('#ejeODLC').val('');
						$('#cilODLC').val('');
						$('#esfODLC').val('');
						$('#diaODLC').val('');
						document.formdetall.codigoOD.focus();					
					}
					if (terror == 'ERROR3') {
						alert('ATENCION: DIFERENTE TDA ');
						$('#radODLC').val(datos[0]);
						$('#ejeODLC').val(datos[1]);
						$('#cilODLC').val(datos[2]);
						$('#esfODLC').val(datos[3]);
						$('#diaODLC').val(datos[4]);
						document.formdetall.codigoOD.focus();					
					}
					if (ustock < 1) {
						alert('No hay stock de este ARTICULO ');
						document.formdetall.codigoOI.focus();
					}

				return false;
			}
		});
		return false;
	}

creo que el problema lo tengo en que no se usar correctamente la funcion onblur pero llevo probando y no consigo mi objetivo.
me podrias decir tambien como lanzar en lugar de un alert (que queda muy mal) abrir una ventana con el mensaje?

gracias

[Alexis88]

Sería más eficiente si la búsqueda se realizara al momento de escribir (eventos como: input, keypress, keyup, keydown) y los mensajes de alerta los mostraras en una etiqueta junto a la caja de texto. De esta forma, el usuario verá los resultados mientras escribe, sin la necesidad de quitar el foco al campo de texto y sin mensajes de alerta o ventanas modales que deba cerrar.

[mikil]

No puedo hacerlo porque hasta que el codigo del articulo no esta escrito completamente no hace falta comprobar nada.

[alvaro_trewhela]

Iniciado por mikil

No puedo hacerlo porque hasta que el codigo del articulo no esta escrito completamente no hace falta comprobar nada.

Y el usuario como puede saber eso?

Si estas usando php -segun veo por tu formulario- porque no llenas un select con los datos?

<select>
<option value="">Default option</option>

<?php
for($k=0;$k<sizeof($someVar);$k++){
echo '<option value="'.$someVar["value"][$k].'">'$someVar["title"][$k].'</option>';
}
?>
</select>

Y si la lista fuese MUY grande, tener una option de cargar mas que siempre este al ultimo con algun color de fondo llamativo y aplicas ajax,

En cuanto a lo del mensaje te recomiendo que tengas un div por ahí que te sirva, yo despues de body pondria un div así:

<div id="respuestaMensaje"></div>

Y le das los estilos, yo lo centraría, hay muchas formas pero lo hare con margin y dando un width arbitrario:

display:none
position: absolute, o fixed //prefiero fixed asi no importa en que parte del documento estes, siempre se verá
top:0;
left:0;
width: 400px
margin:100px auto

Luego con js lo muestras:

Código Javascript:

myAlert(id,msg,action){
var sign = document.getElementById(id);
    while(sign.firstChild){
    sign.removeChild(sign.firstChild);
    }
var content = document.createTextNode(msg);
sign.appendChild(content);
sign.style.display=action;
}
 

La idea de ese parametro "action" es para poder cerrar la alerta tambien con algun botoncito.

Mostrar:
myAlert("respuestaMensaje", "Que hubo?", "block");

Cerrar:
myAlert("respuestaMensaje", "", "none");

Cabe destacar que no me gusta inner, por eso uso appends

Eso por mi parte, y me sumo al compañero de arriba mala idea onblur, si vas a usar ajax, que sea para "tiempo real", es la idea no?.

Saludos

[Alexis88]

Iniciado por mikil

No puedo hacerlo porque hasta que el codigo del articulo no esta escrito completamente no hace falta comprobar nada.

¿Y por qué no?

Muchos sistemas que trabajan con datos personales utilizan esa forma de comprobación de datos pues le permite ahorrar tiempo al usuario evitando tener que reingresar sus datos en caso de que, el que está ingresando, ya exista en la base de datos (como sucede con los nombres de usuario o los correos electrónicos). Incluso si trabajaras con caché o con una simulación de la caché, podrías ayudarlo autocompletando el dato que está escribiendo, tal y como lo hace Google con su buscador.

[mikil]

muchas gracias por las sugerencias,
pero no puedo cargar una lista porque tengo mas de 80.000 productos codificados por códigos de 7 dígitos correlativos por familias, y me gustaria confirmar que el código es correcto en el momento de finalizar su entrada, y que hay stock disponible.
la funcion ajax ya lo hace todo correctamente, lo que pasa es que los mensajes los muestra una y otra vez, y creo que es al volver a situar el foco en otro input vuelve a lanzar la función.

[Alexis88]

Iniciado por mikil

[...] no puedo cargar una lista porque tengo mas de 80.000 productos codificados por códigos de 7 dígitos correlativos por familias, y me gustaria confirmar que el código es correcto en el momento de finalizar su entrada, y que hay stock disponible [...]

En realidad, mediante el proceso de búsqueda no se cargarían los ochenta mil registros. La búsqueda la haría el motor de la base de datos, con una sencilla consulta SQL que escribirías, y tan solo se devolvería el número de coincidencias. Por ejemplo, cuando en un sistema de registro se quiere saber si un nickname ya está en uso, se busca la cantidad de veces que este aparece en la base de datos (que debería ser uno o cero) y, sea un caso u otro, se muestra un mensaje de aviso y se impide o permite el registro del dato ingresado. En tu caso, dicho mensaje puedes mostrarlo en tiempo real en una etiqueta que puedes colocar a la derecha de la caja de texto. Es una forma de trabajo utilizada en muchos sitios por su simpleza y poca intromisión con las actividades que desarrolla el usuario final. Obligarlo a quitar o asignar el foco al campo de texto, puede resultarle incómodo.

[alvaro_trewhela]

Mas allá de todo no veo error, porque no pruebas retornando luego de focusear

if (terror == 'ERROR1') {
alert('Faltan digitos');
$('#codigoOD').val('');
$('#radODLC').val('');
$('#ejeODLC').val('');
$('#cilODLC').val('');
$('#esfODLC').val('');
$('#diaODLC').val('');
document.formdetall.codigoOD.focus();
return false;
}

prueba...

Edito y este de donde salio?
document.formdetall.codigoOI.focus();