javascript - 当我使用两种表单时，Formvalidation.io 不起作用

Question

我正在使用Formvalidation来验证我的表单。当我使用一种表单时，一切都很好，并且可以正常工作，但是我想在一个文件中初始化两个表单，但它不再起作用了。这是我的代码：

"use strict";

// Class Definition
var KTPAuth = function() {

  var _handlePhoneNumberForm = function() {
    var phoneNumberValidation;

    phoneNumberValidation = FormValidation.formValidation(
      KTUtil.getById('kt_phone_number_form'), {
        fields: {
          phone_number: {
            validators: {
              notEmpty: {
                message: 'message'
              },
              between: {
                min: 123456,
                max: 234567,
                message: 'message'
              }
            }
          }
        },
        plugins: {
          trigger: new FormValidation.plugins.Trigger(),
          submitButton: new FormValidation.plugins.SubmitButton(),
          bootstrap: new FormValidation.plugins.Bootstrap()
        }
      }
    );

    $('#send_otp_submit_button').on('click', function(e) {
      e.preventDefault();
      phoneNumberValidation.validate().then(function(status) {
        if (status == 'Valid') {
          // Do Something
        } else {
          // Do Something else
        }
      });
    });

  }

  var _handleOtpForm = function() {
    var otpValidation;

    otpValidation = FormValidation.formValidation(
      KTUtil.getById('kt_otp_form'), {
        fields: {
          otp: {
            validators: {
              notEmpty: {
                message: 'Message'
              },
              between: {
                min: 10000,
                max: 99999,
                message: 'Message'
              }
            }
          }
        },
        plugins: {
          trigger: new FormValidation.plugins.Trigger(),
          submitButton: new FormValidation.plugins.SubmitButton(),
          bootstrap: new FormValidation.plugins.Bootstrap()
        }
      }
    );

    $('#validate_otp_button').on('click', function(e) {
      e.preventDefault();
      otpValidation.validate().then(function(status) {
        if (status == 'Valid') {
          alert('valid');
        } else {
          alert('not valid');
        }
      });
    });

  }

  // Public Functions
  return {
    // public functions
    init: function() {
      _handlePhoneNumberForm();
      _handleOtpForm();
    }
  };
}();

// Class Initialization
jQuery(document).ready(function() {
  KTPAuth.init();
});

此代码不起作用，但是当我对此部分发表评论时，它将适用于第二种形式：

KTUtil.getById('kt_phone_number_form'), {
  fields: {
    phone_number: {
      validators: {
        notEmpty: {
          message: 'message'
        },
        between: {
          min: 123456,
          max: 234567,
          message: 'message'
        }
      }
    }
  },
  plugins: {
    trigger: new FormValidation.plugins.Trigger(),
    submitButton: new FormValidation.plugins.SubmitButton(),
    bootstrap: new FormValidation.plugins.Bootstrap()
  }
}