In diesem Blogbeitrag möchten wir kurz zeigen, wie man den Text des Absenden-Buttons in Gravity Forms Formularen anpassen und den Button deaktivieren kann, sobald dieser geklickt wurde. Dies ist beispielsweise dann praktisch, wenn der Nutzer ein direktes Feedback erhalten soll und das doppelte Absenden von Formularen unterbunden werden kann, da der Nutzer nicht erneut auf den Button klicken kann.
Folgend eine Darstellung, wie das Ergebnis dann aussehen könnte:
Um dies umsetzen, genügt eine kleine Funktion in der functions.php des aktiven (Child-)Themes:
[php]
<?php
// Snippet um den Button-Text 'Senden' auf 'Bitte warten...' zu ändern und
// diesen zu deaktiveren
// Ändern Sie in der folgenden Zeile die Zahl 5 in Ihre Formular ID
add_filter('gform_pre_render_5', 'disable_submit');
function disable_submit($form) {
?>
<script type="text/javascript">
jQuery(document).ready(function($){
$('#gform_submit_button_<?php echo $form['id']; ?>').on('click', function(event){
var submitCopy = $(this).clone();
submitCopy.prop('id', '').prop('disabled', true).prop('value', 'Bitte warten...').insertAfter($(this));
$(this).hide();
});
});
</script>
<?php
return $form;
}
[/php]
Christopher Schintlholzer