如何根据我在JavaScript中分配的一系列字符串验证用户输入?

如何根据我在JavaScript中分配的一系列字符串验证用户输入?,javascript,html,css,Javascript,Html,Css,我对JavaScript非常陌生,所以请容忍我 因此,我想创建多个凭证代码,每个凭证代码都附带一个特定的可赎回金额。如果用户应该购买一张凭证,在获得凭证代码后,将其输入文本字段,我如何让JavaScript验证用户凭证代码,确认兑换金额并打印出来?就像兑换亚马逊礼品卡一样 我希望所有这些都在我创建的一个简单HTML文件中完成 因为我刚刚开始做JS,我似乎还不能靠自己来实现这一点 例如,我有几个字符串形式的凭证代码: var voucher1 = AC60"; var voucher2= 'DC6

我对JavaScript非常陌生,所以请容忍我

因此,我想创建多个凭证代码,每个凭证代码都附带一个特定的可赎回金额。如果用户应该购买一张凭证,在获得凭证代码后,将其输入文本字段,我如何让JavaScript验证用户凭证代码,确认兑换金额并打印出来?就像兑换亚马逊礼品卡一样

我希望所有这些都在我创建的一个简单HTML文件中完成

因为我刚刚开始做JS,我似乎还不能靠自己来实现这一点

例如,我有几个字符串形式的凭证代码:

var voucher1 = AC60";
var voucher2= 'DC60';
var voucher3= 'RC60';
var voucher4= 'XC60';
var voucher5= 'YC60';
var voucher6= 'WC60';
var voucher7= 'ZC60';

我如何为每个文件附加货币价值,并验证用户输入,以确认哪些文件已被兑换,并像兑换亚马逊礼品卡一样打印出价值?

您要找的是a或a。这些数据结构允许您以成对的形式将货币值附加到凭证代码(其中凭证代码是键,货币值是值)

一个简单的例子可以如下所示:

//这是键和值的简单对象文本
常量凭证={
AC60:100,
DC60:20,
RC60:35,
XC60:45,
YC60:80,
WC60:10,
ZC60:200
};
//此功能将使用凭证金额更新输出
//或指示输入了未知凭证
函数GetVouchValue(事件){
const key=input.value;//存储输入的值
常量值=凭证[key];//在对象中查找键
//如果键有效,则使用货币值更新输出
//否则键未定义,请使用错误消息更新输出
如果(凭证[键]){
output.textContent=凭证[键];
}否则{
output.textContent=“无效凭证”
}
}
//每当单击按钮时,运行getVoucherValue()函数
按钮。addEventListener(“单击”,获取VouchValue)

获取凭证值

首先需要注意的是,实际上您不应该依赖于javascript验证,如果它具有实际价值,那么无论何时兑现任何东西都是非常容易的。 除此之外,是的,是可能的,所以你真的想从创建一个更“复杂”的结构开始。与数组类似,包含对象:

var myArray = [
     { code: "uniqueVoucher1", value: "10.00" },
     { code: "uniqueVoucher2", value: "20.00" },
 ]
然后,您可以使用此数组“循环”数据,以创建html。。。也许像这样

for (var i=0;i<myArray.length;i++){
    document.write("<div>Code: " + myArray[i].code + ", Value: " + myArray[i].value + "</div>")
}

用于(var i=0;i凭证代码是否唯一?凭证代码是否链接到特定用户?用户是否购买凭证?如果是,出于安全原因,您不应该
hardcode
JS中的凭证代码。是的,代码是唯一的,但它们没有链接到特定用户…用户必须购买。因为这是一个个人本地托管项目安全性并不是很重要。谢谢!您的代码片段似乎符合我的目标!