无法弄清楚为啥我的提交按钮不会提交

Posted 2023-05-09

【中文标题】无法弄清楚为啥我的提交按钮不会提交

【英文标题】：Can't Figure out why my submit button wont submit无法弄清楚为什么我的提交按钮不会提交

【发布时间】：2019-11-22 15:59:38

【问题描述】：

我不明白为什么我的提交按钮不能正确提交。我确实在顶部有一个 e.preventDefault() 并且它不会做任何事情，但是一位讲师告诉我将它放在提交函数中的条件中，要么这是一个懒惰的答案，要么我真的很困惑，因为它还是行不通。在所有正确的输入都输入后，它应该会刷新。

这是我的 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();
  

);

【问题讨论】：

@Brilliand 没有向我显示验证错误。我会录制一个 gif，但如果没有昂贵的软件，这在我的工作站上是不容易做到的。然而，我确实得到了它的名字提交（我用Test Again而不是test）。

@Brilliand 但是，由于表单提交正常，因此 OP 似乎输入了无效数据。

这个小提琴似乎工作正常：jsfiddle.net/6rem9uL8/3 - 也许你错过了一些验证错误？

我会再看一遍。我只知道我现在拥有它的方式，它只是什么都不做。它不会刷新页面，无论出于何种原因，它都会让我出现 405 错误。我会检查 jsfiddle 并继续测试。

你读过error 405吗？

【参考方案1】：

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