Comment écrire une fonction en tant que gestionnaire d'événement et fonction appelable prenant un argument?

Question

est ici une fonction pour une utilisation en tant que gestionnaire d'événements qui utilise this:

function validate() { 
    if (this.val() == '') { 
    return false; 
    } 
} 

$(':input').change(validate); 

est ici la même fonction réécrite pour prendre un argument, pour que je puisse l'appeler explicitement:

function validate(field) { 
    if ($(field).val() == '') { 
    return false; 
    } 
} 

validate($('#customer_name')); 

Comment puis-je réécrire ma fonction validate pour le rendre utilisable comme à la fois un gestionnaire d'événements, et comme une fonction autonome pour moi d'appeler?

Answer 1

Il existe plusieurs façons de procéder. La première consiste à utiliser la seconde prenant le champ en tant que paramètre et définir le gestionnaire d'événement à l'aide d'une fermeture:

function validate(field) { 
    if ($(field).val() == '') { 
    return false; 
    } 
} 

// Use anonymous function to pass "this" to validate. 
$(':input').change(function() { validate(this); }); 

// Unchanged. 
validate($('#customer_name')); 

Une autre façon est d'utiliser la première forme et en utilisant apply() à appeler avec une substitution this:

function validate() { 
    if ($(this).val() == '') { 
    return false; 
    } 
} 

// Unchanged. 
$(':input').change(validate); 

// Use `$(...)` as "this" when calling validate. 
validate.apply($('#customer_name')); 

Answer 2

Utilisez un remplacement à this si le paramètre field n'est pas indiqué en tant qu'argument.

function validate(field) { 
    return $(field || this).val() != ''; 
} 

$(':input').change(validate); // using this context 
validate($('#someInput')); // using a parameter