从html表单调用JavaScript文件

Question

我确信之前已经问到了这个问题，但并不完全找到它。我正在学习HTML和JavaScript。

我有一个脚本来验证表单条目，这些表单现在作为一个函数存在于它自己的validate.js文件中。我想知道如何从我的表单中调用这个JS文件？

另外，我可以在一个.js文件中放几个函数吗？

Answer 1

好吧，您可以通过事件侦听器将js函数附加到HTML元素。如果您希望用户按下按钮来验证表单，那么您将一个事件监听器附加到按钮，说明当它收到点击时，它应该执行该功能。

将听众附加到表格输入更为常见。您可以使用onchange事件或oninput事件来执行此操作。这样的事情：

var input = document.getElementById(`elementId`);
input.addEventListener('change', validateEmail)

或

input.addEventListener('input', validateEmail)

你可以使用你想要的任何功能，这只是一个例子。

Answer 2

要放置javascript文件/脚本，请参阅where to put javascript 对于表单验证，请参考form validation（有很多教程，但这个很简单）

您可以将多个函数放在一个.js文件中。