表单验证，如果用户提交了一个特定的短语

Question

在添加注册表单到网站的过程中。表单将包含名字、姓氏和电子邮件文本字段。

我希望表单也有一个文本字符串字段，需要有通过电子邮件发送给客户的特定短语/代码。为了提交表单，需要输入这个特定的短语/代码(就像名字、姓氏和电子邮件一样，这是必填字段)。

想知道是否有人能够帮助一些JS，如果没有输入这个特定的短语/代码，或者在尝试提交表单时不正确，将设置警报?

我当前的表单输入字段:

<label for="FirstName">First Name</label>
<input type="text" id="FirstName" name="FirstName" required>
<label for="LastName">Last Name</label>
<input type="text" id="LastName" name="LastName" required>
<label for="Email">Email</label>
<input type="email" id="Email" name="Email" required>
<label for="Code">Code</label>
<input type="text" id="Code" name="Code" required>
<input type="submit" value="Submit">

id ="Code"是我需要确保输入正确的短语/代码的那个。现在，让我们制作特定的短语/代码:VENDOR2022

如果没有输入此代码，或者代码输入错误，则在提交时显示JS警告。

任何帮助都是感激的。提前谢谢。

Answer 1

您将需要一个服务器端脚本，以便能够比较您通过电子邮件发送的代码和在表单中输入的代码。

在我的一些电子商务项目中，我提供了折扣代码，比如你的VENDOR2022，我需要让我的数据库验证它。在某些情况下，代码有一个截止日期(例如，下周可用)。这意味着用户不会立即使用它，他可能会在最终使用它之前关闭你的应用。

与登录时比较用户名/密码的方式相同，您可以在购物车成为订单之前的最后一步比较折扣代码。

我使用PHP/MySQL我很乐意帮助你的源代码，但我不知道你是用什么作为后端技术…

Answer 2

好的，这似乎工作得很好，但如果有人真的想找到它，仍然会通过inspect暴露。

提交按钮将显示是否输入了正确的代码。

$(document).ready(function() {
var $submit = $('.btn-submit');
$submit.hide();
$("#Code").on("change", function() {
if ($(this).val() == "VENDOR2022") {
$submit.show();
} else {
$submit.hide();
}
});
});