Crear campos espejo jQuery ampliación

Crear campos espejo jQuery ampliación

    $(document).ready(function(){
    //Ocultamos por defecto el campo espejo
    $("#numeroFormat").hide();
    
    //Al añadir el importe en el campo origen
    $("#numero").change(function(){
        //Ocultar el campo origen y mostrar el campo espejo
        $("#numero").hide();
        $("#numeroFormat").show();
        //Y añadimos el valor del campo origen formateado al campo espejo
        $("#numeroFormat").val(new Intl.NumberFormat('de-DE').format(parseFloat($("#numero").val()).toFixed(2)));
    }).keypress(function(e) {
        //Si se pulsa a INTRO y TABULADOR
        var code = (e.keyCode ? e.keyCode : e.which);
        if(code.indexOf(13,9)>0){
            //Ocultamos origen y mostramos espejo
            $("#numero").hide();
            $("#numeroFormat").show();
        }
    });      
    //Al pulsar clic el campo espejo
      $("#numeroFormat").click(function(){
        //Ocultar el campo origen y mostrar el campo espejo
        $("#numeroFormat").hide();
        $("#numero").show();
      });      
      
    });

Alfredo

Desarrollador web de profesión (.NET, jQuery, JavaScript y SQL Server). Amante del fútbol y los videojuegos. Escribo en este blog sobre temas de programación que me parecen interesantes y que quiero compartir con todo el mundo.

También te podría gustar...

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies, pinche el enlace para mayor información.

ACEPTAR
Aviso de cookies