0

我根本无法提交表单来触发任何事件。使用使用 FormValidation.io 插件的 metronic vue 模板

这是我的标记：

<div class="login-form login-forgot">
            <!--begin::Form-->
            <form
              class="form"
              novalidate="novalidate"
              id="kt_login_forgot_form"
              ref="kt_login_forgot_form"
            >
              <div class="pb-13 pt-lg-0 pt-5">
                <h3
                  class="font-weight-bolder text-dark font-size-h4 font-size-h1-lg"
                >
                  Ai uitat parola?
                </h3>
                <p class="text-muted font-weight-bold font-size-h4">
                  Introdu adresa de email pentru a reseta parola.
                </p>
              </div>
              <div class="form-group">
                <input
                  class="form-control form-control-solid h-auto py-7 px-6 rounded-lg font-size-h6"
                  type="email"
                  placeholder="Email"
                  name="email"
                  ref="email"
                  autocomplete="off"
                />
              </div>
              <div class="form-group d-flex flex-wrap pb-lg-0">
                <button
                  type="button"
                  id="kt_login_forgot_submit"
                  class="btn btn-primary font-weight-bolder font-size-h6 px-8 py-4 my-3 mr-4"
                >
                  Trimite
                </button>
                <button
                  type="button"
                  id="kt_login_forgot_cancel"
                  class="btn btn-light-primary font-weight-bolder font-size-h6 px-8 py-4 my-3"
                  @click="showForm('signin')"
                >
                  Anulează
                </button>
              </div>
            </form>
          </div>

这是JS：

mounted() {
   const forgot_form = KTUtil.getById("kt_login_forgot_form");

   this.fv2 = formValidation(forgot_form, {
      fields: {
        email: {
          validators: {
            notEmpty: {
              message: "Email is required"
            }
          }
        }
      },
      plugins: {
        trigger: new Trigger(),
        submitButton: new SubmitButton(),
        bootstrap: new Bootstrap()
      }
    });
  
    this.fv2.on("core.form.valid", () => {
      console.log("HERE");
    });

在点击提交按钮时，没有任何反应。似乎 Metronic 在官方 Vue 演示中也有同样的问题

4

0 回答 0