有史以来最简单的javascript表单验证问题

我有一张有名字和电子邮件地址的表格。如果用户在字段中键入任何内容，甚至一个字符，我希望表单右侧显示一个简单的图标。如果字段中存在任何内容，我希望显示成功图标。如果用户在没有输入的情况下进入下一个字段，我希望出现失败图标。有人知道一些超级简单的javascript来实现这一点吗？我发现的一切都太先进了，功能也太丰富了。

怎么样：

var field = document.getElementById('myFormField');
var icon = document.getElementById('myIcon');

field.onchange = function(){
    icon.src = this.value ? 'success.png' : 'fail.png';
};

（我还没有测试过这个）

基本上，它说：每当用户更改文本字段时，检查字段的

值。如果未填写该字段，则
值将为
false
。图标的
src
属性随之更改

对于其他类型的表单字段（例如selects），您可能需要与
值
不同的属性。但是如果您使用jQuery，您可以简单地使用

您可能需要添加更复杂的检查-例如，如果
值
仅包含空格。
如何：

var field = document.getElementById('myFormField');
var icon = document.getElementById('myIcon');

field.onchange = function(){
    icon.src = this.value ? 'success.png' : 'fail.png';
};

（我还没有测试过这个）

基本上，它说：每当用户更改文本字段时，检查字段的
值。如果未填写该字段，则
值将为
false
。图标的
src
属性随之更改

对于其他类型的表单字段（例如selects），您可能需要与
值
不同的属性。但是如果您使用jQuery，您可以简单地使用

您可能需要添加更复杂的检查-例如，如果
值仅包含空格。
1）首先，安装jquery并将其包含在您的站点上。它很小，并且允许更简单的javascript

2） 我假设的html是：







1） 首先，安装jquery并将其包含在您的站点上。它很小，并且允许更简单的javascript

2） 我假设的html是：







我试过了，但没用。我似乎不能把我的代码放在这里让你看，但在javascript中我所更改的只是id？在html上这与什么有关？我试过了，但没有起作用。我似乎不能把我的代码放在这里让你看，但在javascript中我所更改的只是id？这与html上的哪些内容有关？我正在使用jquery，我也尝试过这个，但我无法让它工作。你能写一些基本的html来配合这个，这样我就可以看到它是如何工作的吗？我应该添加一个表单id并将其命名为myFormField吗？那么我在html中为myIcon做什么呢？我有点困惑，你能不能给我再详细解释一下？THanksI认为您有类似的东西（这只是一个精简版本-您的HTML中可能有更多属性和细节）：
。您可能希望通过JavaScript添加图标，因为在用户与表单交互之前，您不需要它来显示任何内容，而且如果浏览器不使用JavaScript，您也不需要图标。这段HTML有用吗？如果您仍然有问题，请随意发布代码的精简部分，我们可以看到如何使其全部正常运行。我正在使用jquery，我也尝试过这个，但我无法让它工作。你能写一些基本的html来配合这个，这样我就可以看到它是如何工作的吗？我应该添加一个表单id并将其命名为myFormField吗？那么我在html中为myIcon做什么呢？我有点困惑，你能不能给我再详细解释一下？THanksI认为您有类似的东西（这只是一个精简版本-您的HTML中可能有更多属性和细节）：
。您可能希望通过JavaScript添加图标，因为在用户与表单交互之前，您不需要它来显示任何内容，而且如果浏览器不使用JavaScript，您也不需要图标。这段HTML有用吗？如果您仍然有问题，请随意发布代码的精简部分，我们可以看到如何使其正常运行。