gform_input_change

Description

This JavaScript hook allows further actions to be performed when the keyup or change event is fired for an HTML input. The action only fires when the form is an AJAX form or has one of the following:

• Calculation
• CAPTCHA Field
• Checkbox Field
• Conditional Logic
• Credit Card Field
• Drop Down or Multi Select Field with the Enable enhanced user interface turned on
• File Upload Field
• JavaScript Merge Tags
• List Field
• Number Field Set to Currency
• Page Field
• Password Field with Enable Password Strength turned on
• Price Field
• Repeater Field

Usage

gform.addAction( 'gform_input_change', function( elem, formId, fieldId ) {
	//do something
}, 10, 3 );

Examples

The example below can be found in Gravity Forms in the file js/conditional_logic.js .

gform.addAction( 'gform_input_change', function( elem, formId, fieldId ) {
	if( ! window.gf_form_conditional_logic ) {
		return;
	}
	var dependentFieldIds = rgars( gf_form_conditional_logic, [ formId, 'fields', gformExtractFieldId( fieldId ) ].join( '/' ) );
	if( dependentFieldIds ) {
		gf_apply_rules( formId, dependentFieldIds );
	}
}, 10 );

Placement

Your code snippet can be placed in a HTML field on your form or in a theme custom JavaScript file.

Since

This filter was added in Gravity Forms version 1.9.14.

Source Code

This action hook is located in the function gf_input_change in js/gravityforms.js .