javascript - ES6 箭头函数。返回给未定义
问题描述
我一直在尝试理解箭头函数。我知道函数 isValidCard 返回 true,但是当我将 isValidCard 传递给 validatePayment 时,isValidCard 变为未定义。
<form name="payment" action="#" onsubmit="return validatePayment();" method="post">
<ul>
<li><label for="cardid">Card Number *</label></li>
<li><input type="number" name="cardid" id="cardid"></li>
<li><label for="expiryid">Expiry Date *</label></li>
<li><input type="number" name="expiryid" id="expiryid"></li>
<li><label for="cvcid">CVC Number *</label></li>
<li><input type="number" name="cvcid" id="cvcid"></li>
</ul>
<input type="submit" name="submit" value="Submit">
</form>
let validatePayment = (isValidCard, isValidExpiry, isValidCvc) => {
validateCard();
alert(isValidCard);
if (!isValidCard || !isValidExpiry || !isValidCvc) {
alert("Payment details not accepted");
return false;
}
alert("Payment details accepted");
return true;
};
let validateCard = () => {
const card = document.payment.cardid;
const isValidCard = card.value.length === 10;
if (!isValidCard) {
alert("Card Number must be 10 numbers");
}
return isValidCard;
};
解决方案
推荐阅读
- scala - 如何在 Scala 中定义具有特定数值的枚举
- mysql - 安全地取消 MySQL 导入
- .htaccess - 使用 htaccess 重定向页面或将 https 更改为 http
- sql - 选择一个计数和一个大于一的最大值的计数
- image - 从wireshark捕获的数据包重新创建图像
- c++ - 在一个类中声明另一个类的成员(它接受一个参数)?
- python - 从 MongoDB 中的特定日期替换大量文档
- ios - ios磁力计错误值
- xml - 通过 Tally 中的 XML 请求导入特定账单(针对 Ref)的付款凭证
- android - 在 xamarin.Android 中使用 MVVMLight 启用和禁用按钮