¿Anula la función jQuery .val()?

Question

¿Hay alguna manera de anular fácilmente la función val() de jQuery?

El motivo por el que deseo anularlo es que quiero agregar algo de procesamiento cada vez que se establece un valor para un elemento. Y no quiero hacer otro setter de valor personalizado, como myVal().

Answer 1

Puede almacenar una referencia a la función original val, a continuación, anularla y hacer su procesamiento, y más tarde lo debe invocar con call, para utilizar el contexto adecuado:

(function ($) { 
    var originalVal = $.fn.val; 
    $.fn.val = function(value) { 
    if (typeof value != 'undefined') { 
     // setter invoked, do processing 
    } 
    return originalVal.call(this, value); 
    }; 
})(jQuery); 

Tenga en cuenta que se puede distinguir entre una getter call $(selector).val(); y una llamada setter $(selector).val('new value'); simplemente marcando si el argumento value es undefined o no.

Answer 2

Si Estoy comprendiendo que la derecha, algo como esto debe hacer el truco muy bien:

jQuery.fn.val = function (new_val) { 
    alert("You set a val! How wonderful!"); 
    this.value = new_val; 
}; 

Sólo asegúrese de incluir la funcionalidad normal: obtener valores de selecciona y así sucesivamente. Simplemente inserte el código después de después de la biblioteca jQuery normal.

Answer 3

Sé que el problema es antiguo, pero solo para dar una solución completa. Para que tanto el jQuery.val() como el jQuery.val (value) funcionen después de la anulación, debe sobrescribirlo correctamente y por separado. Porque cuando se llama a jQuery.val() entonces originalVal.call (this, value); no funcionará correctamente

Para hacerlo de forma correcta, debe hacer algo como eso al obtener el valor: originalVal.call (this);

Aquí es un sitio donde todo se explica: http://extremedev.blogspot.com/2012/01/override-jqueryval-and-jqueryvalvalue.html

Saludos, romana

Answer 4

Sé que es un tema viejo, pero está por primera vez en Búsqueda de Google y la respuesta no es del todo correcto ...

Por ejemplo, si intenta en la consola $('#myinput').val(), debería obtener el valor de #myinput.

Pero si lo hace $('#myinput').val(undefined) debe establecer el valor de #myinput! ( Con la respuesta actual y los comentarios de la misma, no se establece el valor de #myinput)

Aquí es una respuesta mejorada que use arguments.

(function ($) { 
    var originalVal = $.fn.val; 
    $.fn.val = function(value) { 
    if (arguments.length >= 1) { 
     // setter invoked, do processing 
     return originalVal.call(this, value); 
    } 
    //getter invoked do processing 
    return originalVal.call(this); 
    }; 
})(jQuery); 

si quieres pasar todos los argumentos también se puede utilizar aplica

(function ($) { 
    var originalVal = $.fn.val; 
    $.fn.val = function(value) { 
    if (arguments.length >= 1) { 
     // setter invoked, do processing 
    } else { 
     //getter invoked do processing 
    } 
    return originalVal.apply(this, arguments); 
    }; 
})(jQuery); 

espero que ayude!

Answer 5

que tienen algo que añadir a la respuesta de la CMS, mi implementación sería diferente y ser como este:

(function ($) { var fnVal = $.fn.val; 
    $.fn.val = function(value) { 
     if (typeof value == 'undefined') { 
      return fnVal.call(this); 
     } 
     var result = fnVal.call(this, value); 
     $.fn.change.call(this); 
     // here you can add some more implementation 
     return result; 
    }; 
})(jQuery); 

observar el $ .fn.change.llama esto); se invocará antes de salir de la función val (''), esto activará también .change() en cada asignación val ('').