Hola,
Soy Savi y he empezado con JQuery y AJAX. He creado un modelo de trabajo con el que quiero validar cada entrada en un input cuando haya cambios. El modelo funciona y es este.
Código:
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
<table>
<tr>
<td><b>Codigo 1</b></td>
<td><input class="code" type="text" value="123" /></td>
<td><div id="code_txt"></div></td>
</tr>
<tr>
<td><b>Codigo 2</b></td>
<td><input class="name" type="text" value="456" /></td>
<td><div id="name_txt"></div></td>
</tr>
</table>
<script>
$('.code').change(function() {
var cValue = $('.code').val() ;
example_ajax_request( 'code', cValue );
});
$('.name').change(function() {
var cValue = $('.name').val() ;
example_ajax_request( 'name', cValue );
});
function example_ajax_request( cId, cValue ) {
switch ( cId ) {
case 'code':
$('#code_txt').html('<img src="loading.gif" height="14" />');
$('#code_txt').load( "ajax-loaded.php?val=" + cValue );
break;
case 'name':
$('#name_txt').html('<img src="loading.gif" height="14" />');
$('#name_txt').load("ajax-loaded.php?val=" + cValue );
break;
}
}
</script>
</body>
</html>
El codigo ejemplo para ajax-loaded.php seria...
Código:
<?php
// sleep(1);
echo "Validate... " . $_GET[ 'val' ] ;
?>
Mi pregunta para los expertos es:
- Es correcta esta manera de trabajar ?
- Me puede dar errores ?
- Tengo de tener presente alguna cosa ?
- Me aconsejais otra manera de trabajar este tipo de validaciones ?
Muchas gracias por vuestros consejos.
Saludos.
Savi.