delete_customer​

{{#form 'delete_customer' id="delete-customer"}}
  <div class="verifycode">
    <input type="text" name="customer[verifycode]" placeholder="verifycode" />
    <button class="verifycode-button">send</button>
  </div>
  <div class="submit">
    <input class="submit-button" type="submit" value="delete account">
  </div>
{{/form}}

class DeleteCustomer {
  constructor() {
    this.form = document.querySelector('#delete-customer');
    this.form.addEventListener('submit', this.onSubmitHandler.bind(this));
    this.verifyCodeButton = this.form.querySelector('.verifycode-button');
    this.verifyCodeButton.addEventListener(
      'click', this.onSendVerifyCodeHandler.bind(this)
    );
    this.deleteCustomer = new window.Shopline.customerAccount.DeleteCustomer(this.form)
  }
  // 发送邮箱或短信验证码逻辑
  onSendVerifyCodeHandler(e) {
    e.preventDefault();
    if (this.verifyCodeButton.getAttribute('aria-disabled') === 'true') return;
    this.verifyCodeButton.setAttribute('aria-disabled', true);
    this.deleteCustomer.sendVerifyCode()
      .then(response => {
        if (response.errorMessage) {
          this.verifyCodeError = true;
          // 处理发送失败异常场景
        }
      })
      .finally(() => {
        if (!this.verifyCodeError) {
          this.verifyCodeButton.removeAttribute('aria-disabled');
        }
      })
  }
  // 删除逻辑
  onSubmitHandler(e) {
    e.preventDefault();
    this.deleteCustomer.submit()
      .then(response => {
        window.location.href = '/user/signIn';
      })
      .catch(error => {
        // 处理失败异常场景
        console.log(error)
      })
  }
}
window.Shopline.loadFeatures(
  [
    {
      name: 'customer-account-api',
      version: '0.3'
    }
  ],
  function(error) {
    if (error) {
      throw error;
    }
    new DeleteCustomer();
  }
);