Vai al contenuto
Pianificazione/Strumento gratuito

Creatore di specifiche dei moduli

Costruire uno schema di forma con tipi di campo, limiti di validazione, scelte, campi richiesti e visibilità condizionale. Anteprima ed esportazione JSON o una breve implementazione.

Dettagli del modulo

01 / Email address

02 / What can we help with?

03 / Tell us more

Un'esatta corrispondenza. Per una casella di controllo utilizzare vero o falso.

Prova il modulo

I valori di anteprima rimangono in questa pagina. La sottomissione esegue solo la validazione locale.

Specificazione del modulo

form-specification.json
{
  "name": "Contact request",
  "fields": [
    {
      "name": "email",
      "label": "Email address",
      "type": "email",
      "required": true,
      "maxLength": 254,
      "errorMessage": "Enter a valid email address."
    },
    {
      "name": "reason",
      "label": "What can we help with?",
      "type": "select",
      "required": true,
      "options": [
        "General question",
        "Billing",
        "Other"
      ],
      "errorMessage": "Choose a reason."
    },
    {
      "name": "message",
      "label": "Tell us more",
      "type": "textarea",
      "required": true,
      "minLength": 10,
      "maxLength": 2000,
      "visibleWhen": {
        "field": "reason",
        "equals": "Other"
      },
      "errorMessage": "Write between 10 and 2000 characters."
    }
  ]
}
Numero di parole: 82Torna ai dettagli ↑

Il testo esportato resta in inglese; i tuoi dati vengono mantenuti come inseriti.

Non c'e' segnale. Niente crediti per l'IA. Questo strumento assembla l'output nel tuo browser.

Da un'idea a qualcosa di utile.

  1. 01

    Aggiungi e nomina i campi del modulo.

  2. 02

    Impostare la validazione, le scelte e le condizioni di visibilità facoltative.

  3. 03

    Verificare l'anteprima del modulo live ed esportare le specifiche.

Un po' di contesto.

Una specifica del modulo registra ciò che ogni campo accetta e quando appare. Questo strumento supporta comuni HTML tipi di campo, campi richiesti, limiti di lunghezza del testo e una condizione di visibilità basata sulla parità per campo. L'anteprima esegue la validazione del client locale; la validazione e lo storage lato server rimangono lavori di implementazione.

Buone domande.

L'anteprima presenterà i miei dati?

No. La presentazione di anteprima convalida solo i campi localmente e mostra una conferma locale. Nulla viene salvato o inviato.

Posso creare una logica condizionale complessa?

Ogni campo supporta una condizione di parità su un campo precedente. Questo mantiene le condizioni prevedibili ed evita le regole di visibilità circolari.

Tutti gli strumenti