[SOLUCIONADO] Detectar si cambios realizados en un form

[neck]

Buenas, necesito hacer un registro de los cambios que se han realizado en las fichas de los productos. Y no se si jquery me podría ayudar en esto con onchange. Mi intención es que al enviar el formulario o durante la modificación de cualquier input se detecte si se a cambiado o no del valor de uno o mas inputs.

El resultado final seria un registro donde se mostraría que por ejemplo se cambio el precio tal día.

Saludos y gracias amigos

[xfxstudios]

si puedes combinando ajax, php, mysql, jq es lo que necesitas

[neck]

Si claro, de hecho ya utilizo Mysql, Php y Jquery para validar pero necesito esa solución, de navegador entiendo, que detecta si uno o varios inputs han cambiado su valor. Para posteriormente registrar en Mysql que el input "precio" o precio y color han cambiado de valor. Supongo que esto estará relacionado con el evento .change pero realmente no se como implementarlo.

[xfxstudios]

pues podria ser algo asi, no tiene mucho misterio el asunto:

suponiendo que le asignas la id del registro a cada input desde mysql, el input quedaria asi

Código PHP:

<input type="text" name="precio" id="<?php echo $row['id']; ?>" onChange="actualiza(this.id)">
 

la funcion js que va a realizar la tarea

Código Javascript:

function actualiza(X){
 
        var valor = $("input[name=precio][id="+X+"]").val();
 
        $.ajax({
            url:    'paginaPHP.php?tipo=actuPrecio&id='+X+'&valor='+valor,
            type:   'get',
        
            success: function(data){
                alert(data);
            }
        })
 
    }
 

el PHP que va a realizar la actualizacion o la tarea que se le encomiende a traves de la variable tipo

Código PHP:

switch($_GET['tipo']){
 
    case 'actuPrecio':
 
        $a = $db->query("UPDATE productos SET precio = '$_GET[valor]' WHERE id = '$_GET[id]' ");
 
        if($a !== false){
            echo "Registro actualizado";
        }else{
            echo "Falló el registro";
        }
 
    break;
}
 

Hay cualquier cantidad de maneras y funciones para hacer lo que requieres, pero estas van a depender de como este estruicturada su lista o campos así como la manera en como los identificas en tu documentos para diferenciarlos, adapta la idea a tu requerimiento. Saludos

[neck]

Muchas gracias xfxstudios por tu aportación. Al final lo solucioné de esta manera:

Código HTML:

<form>
<input type="text" name="firstname" value="Carlos">

<input type="text" name="secondname" value="Perez">
</form>
<div></div>
 
<script>

$("input").change(function(){

  rec = $(this).attr("name");
    $("form").append("<input type=\"hidden\" value=\""+rec+"\">");
    
});

</script> 

Cuando hay algún cambio en algún input se recoge el nombre del input que ha cambiado de valor y se guarda en un input hidden. Cuando se termina de editar la ficha se envía a un archivo php que procesa todo.

Cumple con el objetivo pero me gusta que los demás que saben mas que yo inspeccionen mi código, por eso del rendimiento y la lógica.

Gracias de nuevo

[neck]

Muchas gracias xfxstudios por tu aportación. Al final lo solucioné de esta manera:

Código HTML:

<form>
<input type="text" name="firstname" value="Carlos">

<input type="text" name="secondname" value="Perez">
</form>
<div></div>
 
<script>

$("input").change(function(){

  rec = $(this).attr("name");
    $("form").append("<input type=\"hidden\" value=\""+rec+"\">");
    
});

</script> 

Cuando hay algún cambio en algún input se recoge el nombre del input que ha cambiado de valor y se guarda en un input hidden. Cuando se termina de editar la ficha se envía a un archivo php que procesa todo.

Cumple con el objetivo pero me gusta que los demás que saben mas que yo inspeccionen mi código, por eso del rendimiento y la lógica.

Gracias de nuevo