2016-04-07 24 views
0

Ich brauche mein Formblatt "gravityforms", um einen "oninput" darin zu haben.Bearbeiten des Formularformulars für die Schwerkraftform?

Wie so:

<form oninput="loanval.value=parseInt(loan.value, 10).toLocaleString('en-US').replace(',', ' ');"> 

ich über die Schwerkraft zu lesen bildet Haken, aber es nicht wirklich eine Menge Dokumentation und ich bin nicht sehr erfahren mit Codierung. Weiß jemand, wie ich das erreichen kann?

Antwort

0

Sie können das gform_form_tag-Filter verwenden. Es ist hier dokumentiert: https://www.gravityhelp.com/documentation/article/gform_form_tag/. Für Ihr Beispiel würde es in etwa so aussehen:

add_filter('gform_form_tag', 'form_tag', 10, 2); 
function form_tag($form_tag, $form) { 
    if ($form['id'] != 3) { //Select the form by ID 
     return $form_tag; 
    } 
     $form_tag = str_ireplace("<form", "<form oninput=\"loanval.value=parseInt(loan.value, 10).toLocaleString('en-US').replace(',', ' ');\"", $form_tag); 
     return $form_tag; 
} 

Aber Sie könnten auch jQuery verwenden, um Ihre Javascript auf Veränderung zu tun, das ist einfacher und führt die gleiche Wirkung wie Ihr oninput -Attribut:

jQuery(function($) { 
    // "gform_1" Target the form by id 
    $('#gform_1 input, #gform_1 textarea').on('change', function() { 
     // Do your "oninput" code 
    } 
}); 

Ändern Sie die IDs, um auf das gewünschte Formular zu verweisen. Wenn Ihr Formular beispielsweise ID 20 hat, ändern Sie es in #gform_20.

0

Wenn jQuery verfügbar ist und entweder die Formular-ID statisch ist oder Sie Zugriff darauf in Ihrem JS haben, würde ich mit BasCs jQuery-Ansatz gehen.

Ansonsten ist hier ein super einfaches Plugin, mit dem Sie das Ereignisattribut (beliebiges Ereignisattribut) auf das Form-Tag < selbst setzen können.

http://gravitywiz.com/gravity-forms-tag-editor/

Beispiel Nutzung:

new GW_Tag_Editor(array(
    'tag'   => 'form', 
    'form_id'  => 123, 
    'oninput'  => 'loanval.value=parseInt(loan.value, 10).toLocaleString('en-US').replace(',', ' ');' 
)); 
Verwandte Themen