Twitter bootstrap 引导程序4代码段未运行验证代码

我试图通过基于的示例提出一些问题，但是我发现我无法获得适用于该基本表单的代码片段。例如，在最后三个字段中键入任何内容都会使验证消息消失。不知道我在这里错过了什么

//示例starter JavaScript，用于在存在无效字段时禁用表单提交
（功能（）{
"严格使用",；
addEventListener（'load'，function（））{
var form=document.getElementById（'needs-validation'）；
表单.addEventListener（'submit'，函数（事件）{
if（form.checkValidity（）==false）{
event.preventDefault（）；
event.stopPropagation（）；
}
form.classList.add（'was-validated'）；
}，假）；
}，假）；
})();

名字
姓
城市
请提供一个有效的城市。
状态
请提供有效状态。
拉链
请提供有效的邮政编码。
提交表格
您使用的是依赖项。将
链接
和
脚本
标记替换为以下内容：

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/css/bootstrap.min.css" integrity="sha384-PsH8R72JQ3SOdhVi3uxftmaW6Vc51MKb0q5P2rRUpPvrszuE4W1povHYgTpBfshb" crossorigin="anonymous">
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.3/umd/popper.min.js" integrity="sha384-vFJXuSJphROIrBnz7yo7oB41mKfc8JzQZiCq4NCceLEaO4IHwicKwpJf9c9IpFgh" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/js/bootstrap.min.js" integrity="sha384-alpBpkh1PFOepccYVYDB4do5UnbKysX5WZXm3XxPqe5iKTfUKjNkCk9SaVuEZflJ" crossorigin="anonymous"></script>


名字
姓
城市
请提供一个有效的城市。
状态
请提供有效状态。
拉链
请提供有效的邮政编码。
提交表格
Sweet。。现在我可以开始问我真正的问题了。谢谢，不用担心。有时，让它发挥作用本身就是一场战斗。祝你好运