Eingabevalidierung

☑️ Welche Eingabevalidierung?

Neben der Überprüfung, ob in einem Feld ein Wert eingegeben wurde, können Sie auch weitergehende Regeln mithilfe regulärer Ausdrücke festlegen, um sicherzustellen, dass der vom Befragten eingegebene Text bestimmten Bedingungen entspricht.

Sie können auch die maximale Zeichenlänge festlegen, die in Ihrem Feld eingegeben werden darf.

Fortgeschrittene Benutzer können zudem ein benutzerdefiniertes Feld basierend auf Antworttyp unter Verwendung von benutzerdefiniertem javascript-Validierungscode erstellen, um die Eingaben der Befragten zu validieren.

🔢 Reguläre Ausdrücke

Ein regulärer Ausdruck (regex) ist ein stringbasiertes Suchmuster, das überprüft, ob der vom Befragten eingegebene Text dem Ausdrucksmuster entspricht oder nicht.

Mit diesen Mustern prüfen Sie einen Wert anhand von Mustern wie E-Mails, Zahlen, Postleitzahlen usw. ... Fast jedes Feld basierte Typ kann gegen einen regulären Ausdruck validiert werden, der mit dem Editor für reguläre Ausdrücke erstellt wurde.

➕ Hinzufügen eines regulären Ausdrucks

Um einen regulären Ausdruck hinzuzufügen, gehen Sie zur Antwort-Eigenschaften Seite und klicken Sie auf das + Symbol

Reguläre Ausdrücke sind nur für den Benutzer verfügbar, der sie erstellt hat. Wenn Sie Ihren regulären Ausdruck mit allen anderen ngSurvey-Benutzern teilen möchten, können Sie seine eingebaute Eigenschaft aktivieren.

🔅 Eigenschaften des regulären Ausdrucks

• Name ist der Anzeigename des regulären Ausdrucks.

• Regulärer Ausdruck ist das eigentliche Muster des regulären Ausdrucks, das verwendet wird, um die Antwort des Befragten abzugleichen.

• Fehlermeldung Fehlermeldung, die dem Befragten angezeigt wird, wenn seine Eingabe nicht dem Muster entspricht.

• Eingebaut ermöglicht es uns, den regulären Ausdruck mit allen anderen Benutzern zu teilen.

Sie finden vorgefertigte reguläre Ausdrücke und können Ihre unter https://regex101.com/

🔢 Javascript

Für feldbasierte Antworten können Sie die Javascript-Validierung und die Validierungsnachrichten-Eigenschaft im Antwort-Eigenschaften festlegen, um benutzerdefinierten Javascript-Code zur Validierung Ihrer Antwort zu verwenden. Im untenstehenden Code wird respondentAnswerValue durch den tatsächlichen Wert des Feldes ersetzt. Wenn der Code false zurückgibt, blockiert ngSurvey das Absenden oder die Navigation und zeigt die Validierungsnachricht an.

return (respondentAnswerValue >= 18 && respondentAnswerValue <= 99);

Im untenstehenden Code verwenden wir getAnswer im Validierungskontext, um einen Wert aus einer anderen Antwort in der Umfrage zu erhalten. Hier suchen wir nach einer Antwort mit dem Reporting-Alias "hh_people".

return (respondentAnswerValue <= validationContext.getAnswer('hh_people'));

Der ValidationContext unterstützt die folgenden Methoden und Eigenschaften

export class ValidationContext {
   answer:Answer, // Aktuelle Antwort, die validiert wird
   question:Question, // Aktuelle Frage der zu validierenden Antwort
   questions:Question[], // Alle Fragen der Umfrage
   answers: Answer[];  // Alle Antworten der Umfrage

  public getAnswer(id: string): string // Holt den Wert einer Antwort, indem der Reporting-Alias oder die ID nachgeschlagen wird
  public isSelectedAnswer(id: string, value: string): boolean // Sucht eine Frage anhand ihrer ID oder ihres Reporting-Alias und prüft, ob der angegebene Wert ausgewählt ist 
}