Javascript 如何检查多个输入字段

Javascript 如何检查多个输入字段,javascript,jquery,Javascript,Jquery,我想知道如何更改脚本,以便在用户验证其答案时显示正确的反馈图像 我的函数有一个包含正确答案的数组和一个存储用户答案的空数组 当我验证时,我需要显示字段的反馈图像(如果正确,只显示,如果错误,显示并用另一个替换反馈图像) 这是我的密码: 编辑: $(文档).ready(函数(){ $(“#验证按钮”)。单击(函数schimbare(){ $(“.feedback”).show(); $('.feedback').attr('src','res/error.svg'); }); }); //验证拉斯

我想知道如何更改脚本,以便在用户验证其答案时显示正确的反馈图像

我的函数有一个包含正确答案的数组和一个存储用户答案的空数组

当我验证时,我需要显示字段的反馈图像(如果正确,只显示,如果错误,显示并用另一个替换反馈图像)

这是我的密码:

编辑:

$(文档).ready(函数(){
$(“#验证按钮”)。单击(函数schimbare(){
$(“.feedback”).show();
$('.feedback').attr('src','res/error.svg');
});
});
//验证拉斯潘苏尔酒店
函数checkAnswer()
{
var inputf=document.getElementsByTagName('input');
对于(i=0;i
在javascript中,您正在为#validateButton定义onClick处理程序。在html中,在#validateButton上有一个onclick属性,它调用不同的函数。这令人困惑。我建议删除这两个选项,并定义一个验证函数,该函数将负责在输入字段旁边呈现正确/错误的图像:

var validate = function () {
    $('input').each(function () {
        var $this = $(this);
        var answer = $this.attr('correct');
        var value = $this.val();
        var src = (answer === value) ? 'res/correct.svg' : 'res/wrong.svg';
        $this.closest('.box').find('img.feedback').attr('src', src);
    });
};
现在,让我们使用jQuery将验证方法连接到#validateButton click事件:

$("#validateButton").on('click', validate);

显示您的HTML代码,并告诉我们到底哪里出了问题。@Yair Nevet现在正在编辑它…哪里出了问题?嗯……当我验证时,我想显示反馈$(“.feedback”).hide();隐藏在init()中的;但仅针对正确答案…对于错误答案,我需要调用函数schimbare();显示和更改图像反馈$('.feedback').attr('src','res/error.svg');有人理解了吗?首先,元素ID应该是唯一的。您有6个id为“box”的div。也许将此更改为一个类。这样做,但这不是主要问题:(问题是如何显示插入正确答案的输入图像,以及如何更改插入错误答案的错误图像。是否有一个函数可以将图像从正确更改为错误,但不知道如何使其仅显示错误答案
$("#validateButton").on('click', validate);