Question

我不知道为什么我的“提交”按钮无法正确提交。我确实在顶部有一个e.preventDefault（），它什么也没做，但是一位讲师告诉我将它放在我的条件中的Submit函数中，这要么是个懒惰的答案，要么我真的很困惑，因为它还是行不通。输入所有正确的输入后，它将刷新。

这里有我的github文件：https://github.com/joeEscob1023/interactiveForm/blob/master/js/app.js

此处提供代码：

$("form").on("submit", e => {
  let nameInput = $(name).val();
  let emailInput = $(email).val();
  let cardNumber = $("#cc-num").val();
  let zipCode = $("#zip").val();
  let cvv = $("#cvv").val();

  //Will Refactor If statements
  if (!isValidName(nameInput)) {
    invalidSpans(" : Enter A Name", "name");
    e.preventDefault();
  }

  if (!isValidEmail(emailInput)) {
    invalidSpans(" : Enter A Correct Email", "mail");
    e.preventDefault();
  }

  if (!isValidActivity()) {
    invalidSpans(" : Enter Atleast One Activity", "activities");
    e.preventDefault();
  }

  if (!isValidCreditCard(cardNumber)) {
    invalidSpans(" :Enter A Valid Credit Card Number", "cc-num");
    e.preventDefault();
  }

  if (!isValidZipCode(zipCode)) {
    invalidSpans(" :Enter A Valid Zip Code", "zip");
    e.preventDefault();
  }
  if (!isValidCvv(cvv)) {
    invalidSpans(" :Enter A Valid CVV", "cvv");
    e.preventDefault();
  }

});

Answer 1

您的功能似乎正确，可能是验证问题

无法弄清楚为什么我的提交按钮无法提交

1 个答案: