Javascript 我需要这些脚本来工作脚本有效和其他计算

此示例包含在引导文档中。我需要两个脚本来工作。第一部分验证所有字段中的数据，第二部分计算数据。然而，只有第二种方法有效。我需要两个脚本来工作

名字
看起来不错！
姓
看起来不错！
城市
请提供一个有效的城市。
提交表格
文本结果
函数其他（）{
//脚本1开始-此脚本不工作为什么？
（功能（）{
"严格使用",；
addEventListener（'load'，function（））{
//获取要应用自定义引导验证样式的所有表单
var forms=document.getElementsByClassName（'needs-validation'）；
//对它们进行循环并防止提交
var validation=Array.prototype.filter.call（表单，函数（表单）{
表单.addEventListener（'submit'，函数（事件）{
if（form.checkValidity（）==false）{
event.preventDefault（）；
event.stopPropagation（）；
警报（“这不起作用”）；
}
form.classList.add（'was-validated'）；
}，假）；
});
}，假）；
})();
//结束-此脚本不工作为什么？
//脚本2这项工作
设s1=document.querySelector（“#validationCustom01”）.value；
设s2=document.querySelector（“#validationCustom02”）.value；
设s3=document.querySelector（“#validationCustom03”）.value；
concat=s1+s2+s3；
document.getElementById（'result'）。innerHTML=concat；
}

在

函数other（）中拥有IIFE有什么意义？（加载事件永远不会追加）这只是一个示例。目标是填充字段，当单击提交时，必须计算concat并显示在TEXTAREA中，所有字段必须保留其值。否则（例如，空字段）表示字段填充错误。由于HTML5，您可以在输入和表单验证过程中使用属性
required
，在
函数other（）
中使用IIFE有什么意义？（加载事件永远不会追加）这只是一个示例。目标是填充字段，当单击提交时，必须计算concat并显示在TEXTAREA中，所有字段必须保留其值。否则（例如，空字段）表示字段填充错误。由于HTML5，您可以在输入和表单验证机制上使用属性
required