Vue : Vue Formulate input custom error message

Question

I using Vue Formulate for form validation. When submit the error message show Formid is required., but I want Form ID is required

  <FormulateForm
    class="login-form"
    v-model="formValues"
    @submit="submitHandler"
  >
    <FormulateInput
      name="formid"
      type="text"
      label="Form ID"
      placeholder=""
      validation="required"

    />
    <FormulateInput
      type="submit"
      label="Log In"
    />
  </FormulateForm>

FeelRightz · Accepted Answer · 2022-02-13 04:29:34Z

1

Use custom validation message link , validation-name props to replace default name

  <FormulateForm
    class="login-form"
    v-model="formValues"
    @submit="submitHandler"
  >
    <FormulateInput
      name="formid"
      type="text"
      label="Form ID"
      placeholder=""
      validation="required"
      validation-name="Form ID"
    />
    <FormulateInput
      type="submit"
      label="Log In"
    />
  </FormulateForm>

answered Feb 13, 2022 at 4:29

FeelRightz

2,9992 gold badges44 silver badges81 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Vue : Vue Formulate input custom error message

1 Answer 1

Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Related