Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/74.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
从html表单调用JavaScript文件_Javascript_Html - Fatal编程技术网

从html表单调用JavaScript文件

从html表单调用JavaScript文件,javascript,html,Javascript,Html,我敢肯定,以前有人问过这个问题,但并不完全是找到的。我正在学习html和JavaScript 我有一个脚本来验证表单条目,它现在作为一个函数存在于自己的validate.js文件中。我想知道如何从我的表单中调用这个JS文件 另外,我可以在一个.js文件中放几个函数吗?那么,您可以通过事件侦听器将js函数附加到HTML元素。如果希望用户按下按钮来验证表单,那么可以在按钮上附加一个事件侦听器,表示当它收到单击时,应该执行该函数更常见的做法是将侦听器附加到表单输入。您可以使用onchange事件或on

我敢肯定,以前有人问过这个问题,但并不完全是找到的。我正在学习html和JavaScript

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


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

那么,您可以通过事件侦听器将js函数附加到HTML元素。如果希望用户按下按钮来验证表单,那么可以在按钮上附加一个事件侦听器,表示当它收到单击时,应该执行该函数

更常见的做法是将侦听器附加到表单输入。您可以使用onchange事件或oninput事件来实现这一点。类似这样的内容:

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


您可以使用您想要的任何函数,这只是一个示例。

要放置javascript文件/脚本,请参考 关于表单验证,请参考(有很多教程,但这一个很简单)


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

您不需要调用文件。您使用
标记加载文件,然后调用文件中定义的函数。如果您是从教程中学习Javascript,我不敢相信它没有显示此基本设置。
input.addEventListener('input', validateEmail)