Suche

Standardfelder in Formularen ausblenden

Jordy Veldhuis
Jordy Veldhuis
  • Aktualisiert

Manchmal möchten Sie in einem Formular bestimmte Standardfelder wie Betreff und Beschreibung für Benutzer ausblenden. Zum Beispiel, weil diese automatisch ausgefüllt werden oder weil Sie mit festen Ticketstrukturen arbeiten. Mit JavaScript können Sie diese Felder einfach ausblenden und optional vorab ausfüllen.

 

✅ Empfohlene Methode – Über new-request-page.hbs:

Fügen Sie das Skript direkt in Ihre new-request-page.hbs-Vorlage ein, genauso wie Sie es bei Anhang-Skripten tun. Dies ist der zuverlässigste Ansatz, da das DOM garantiert geladen ist und die Formular-ID direkt aus der URL ausgelesen wird.

<script>
  $(document).ready(function() {
    var urlParams = new URLSearchParams(window.location.search);
    var formId = urlParams.get('ticket_form_id');
    
    if (formId === 'FORM_ID_HIER') {
      $('#request_subject').closest('div.form-field').hide();
      $('#request_subject').val('Neues Ticket – Automatischer Betreff');
    }
  });
</script>

👉  Ersetzen Sie FORM_ID_HIER durch die richtige Formular-ID. Die URL sieht dann beim Öffnen des Formulars so aus: /hc/de/requests/new?ticket_form_id=FORM_ID_HIER
 

Alternative – Über script.js (weniger zuverlässig):

Wenn es über die hbs-Vorlage nicht klappt, können Sie die folgenden Methoden über script.js versuchen. Achtung: Dies funktioniert nicht immer optimal, da hier das Timing des DOM-Ladens eine Rolle spielt.

var formId = $("#request_issue_type_select").val();

if (formId === 'FORM_ID_HIER') {
  $('.form-field.request_subject').hide();       // Betreff ausblenden
  $('.form-field.request_description').hide();   // Beschreibung ausblenden

  $('#request_subject').val('Neues Ticket – Automatischer Betreff'); 
  $('#request_description').val('Siehe unten ausgefüllte Felder'); 
}

Noch ein Tipp: Funktioniert es nicht sofort? Prüfen Sie dann, ob Folgendes in Ihrem script.js enthalten ist

<script 
  src="https://code.jquery.com/jquery-3.6.0.min.js" 
  integrity="sha256-/xUj+3OJUsyExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" 
  crossorigin="anonymous">
</script>

Wann ist das nützlich?

  • Wenn Sie feste Ticketstrukturen durchsetzen möchten
  • Wenn Benutzer nur bestimmte Felder ausfüllen dürfen
  • Bei Onboarding- oder Antragsformularen
  • Wenn Sie Betreffzeilen automatisch standardisieren möchten