Javascript 检查多个输入字段的函数

Javascript 检查多个输入字段的函数,javascript,jquery,arrays,Javascript,Jquery,Arrays,我为一个有6个输入字段的项目实现了一个检查函数,该函数仅限使用1个字符和数字,我想验证在这些字段中输入的答案。我已经创建了一个具有正确答案的数组,但它没有像我预期的那样工作。我想要的是检查输入并存储错误答案,以便通过重置功能清除。正如你们在fiddle中看到的,有两个反馈图像,我需要在检查答案时显示它们,但错误图像表示错误答案,正确图像表示正确答案。我被困在这里一整天了。。。我忍不住把我的问题贴在这里。下面是一些代码和一把小提琴: 编辑:检查功能-将用户答案与正确答案数组进行比较。存储错误答案。

我为一个有6个输入字段的项目实现了一个检查函数,该函数仅限使用1个字符和数字,我想验证在这些字段中输入的答案。我已经创建了一个具有正确答案的数组,但它没有像我预期的那样工作。我想要的是检查输入并存储错误答案,以便通过重置功能清除。正如你们在fiddle中看到的,有两个反馈图像,我需要在检查答案时显示它们,但错误图像表示错误答案,正确图像表示正确答案。我被困在这里一整天了。。。我忍不住把我的问题贴在这里。下面是一些代码和一把小提琴:

编辑:检查功能-将用户答案与正确答案数组进行比较。存储错误答案。如果答案正确,则在输入右侧显示正确的反馈图像。如果答案错误,则为所有答案正确的输入显示正确的图像反馈。如果答案错误,则为所有答案错误的输入显示错误的图像反馈

重置功能:-清除错误答案的反馈图像,清除错误答案的输入。注:验证后的正确答案将保留在正确答案和正确反馈图像中

谢谢大家!

function checkAnswer()
{
    var inputTF = document.getElementsByTagName('input');
    for (i = 0; i < inputTF.length; i++)
    {
        if (inputTF[i].value == raspunsuri[i]){
            user.push(raspunsuri[i]); 

            updateBubble(3);
        }
        else
        {
            user.push("");

            updateBubble(2);

        }
    }

};

好吧,你目前的情况有几个重大问题

在12张不同的图片上,您的id=错误,id=正确。ID必须是唯一的。我建议您使用class=error和class=correct,因为类应该是倍数。 我添加了一个user=[];以检查答案,这样它就不会生成正确答案的多个版本 这个节目。。。应该是这样的:$inputf[i].nextAll'.correct'.show或$inputf[i].nextAll'.error'.show不接受像您这样的参数。 在这三分之二的事情改变之后,它可能会起作用,或者我可能会对这个问题有更好的了解。当我测试它时,一些不存在的声音文件出现了一些问题,但是我把它们注释掉了,测试进行得很顺利

编辑:这是我使用的内部代码,看起来很有效,但我将html中的所有id=Error和id=correct更改为class=feedback Error和class=feedback correct

    if (inputTF[i].value == raspunsuri[i]){
        user.push(raspunsuri[i]); 
        $(inputTF[i]).nextAll('.wrong').hide();
        $(inputTF[i]).nextAll('.correct').show();
        updateBubble(2);
    }
    else
    {
        user.push("");
        $(inputTF[i]).nextAll('.wrong').show();
        $(inputTF[i]).nextAll('.correct').hide();
        updateBubble(3);

    }

从JSFIDLE示例来看,似乎没有定义updateBubble。我还对您使用init感到困惑,但从未调用该函数。Javascript不会自动调用main或init函数,你必须自己做。我知道…除了我说的以外,一切都很好。在页面加载时,Init函数在html中调用…气泡是一个文本,在我检查答案时必须更改。气泡1是带说明的文本,气泡2和3是带反馈的文本,如果用户在输入字段中给出了错误或正确的答案,请检查JSFIDLE是否可行出于测试目的?如果我提供下载我的项目的链接,我可能会被禁止?这将是最容易理解的不,张贴哪一个链接你喜欢啊,我忘了评论这些音频文件…无论如何,我今天做了一些更改,但没有完成:我只需要两件事。。check函数为我提供正确的气泡和错误/正确的图像反馈,将错误的答案存储在数组中,由重置函数清除。我看到我可以在输入标记上使用属性correct=2,可能会有所帮助?您可以在输入上放置自定义html属性,但我不认为这是问题的一部分,我认为没有一个正确答案的数组进行比较是最容易的:不管怎样,你有什么想法吗?没问题……我只是需要它工作,我理解你的方式,只有这样工作我才会适应它。。。