Hola foreros, tengo esta pregunta; Estoy armando un formulario con solamente dos campos de texto, y en el primero necesito hacer una validacion contra una base de datos cuando se pierde el foco del campo, el tema es que ese primer campo es llenado por un lector de barras y mi jefe quiere que automaticamente pase de un campo a otro.... el retorno de carro es similar a la tecla enter, para lo cual encontre un codigo que ahora lees pego para que lo vean; el primer codigo este anda barbaro, lo que encesito ahora es hacer que ANTES de poner el cursor en el segundo campo se valide la lectura de ese primer campo contra una base de datos para verificar que no existe la lectura hecha ... espero que se entienda.
Les pego el codigo de mi primer funcion, y ojala me puedan decir como hago, o donde tengo que meter la seguna funcion.
Muchas gracias.
<!--- Check to see if form was submitted. --->
<cfif StructKeyExists( FORM, "submitted" )>
<!--- Dump out form for debugging. --->
<cfdump var="#FORM#" />
<cfabort />
</cfif>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Form Tabbing Demo</title>
<!-- Linked files. -->
<script type="text/javascript" src="jquery-1.2.6.min.js"></script>
<script type="text/javascript">
$( InitForm );
function InitForm(){
var jForm = $( "form:first" );
var jInput = jForm.find( "input.input-field" );
jInput.each(
function( intI ){
var jThis = $( this );
jThis.keydown(
function( objEvent ){
return(
InputKeyDownHandler( objEvent, jThis, jInput )
);
}
);
}
);
}
function InputKeyDownHandler( objEvent, jInput, jInputs ){
if (objEvent.which != "13"){
return( true );
}
var intI = jInputs.index( jInput );
if (intI == (jInputs.length - 1)){
return( true );
} else {
jInputs.get( intI + 1).focus();
return( false );
}
}
</script>
</head>
<body>
<cfoutput>
<h1>
</h1>
<form
action="#CGI.script_name#"
method="post">
<!--- Flag submission. --->
<input type="hidden" name="submitted" value="1" />
<p>
Campo llenado por el lector de barras:<br />
<input
type="text"
name="f1"
size="10"
maxlength="10"
class="input-field"
/>
</p>
<p>
el segundo campo que no lleva validacion:<br />
<input
type="text"
name="f2"
size="10"
maxlength="10"
class="input-field"
/>
</p>
<p>
<input type="submit" value="Submit" />
</p>
</form>
</cfoutput>
</body>
</html>
