Javascript如何接受多个字符串输入并检查是否匹配?

Javascript如何接受多个字符串输入并检查是否匹配?,javascript,html,arrays,string,forms,Javascript,Html,Arrays,String,Forms,我正在制作一个游戏,其中一个图像显示在输入表单上方,用户必须正确识别图像中的人物。这是我的表单和Javascript <form method="POST" action="form-handler" onsubmit="return checkForm(this);"> <p>Input: <input type="text" size="32" name="inputfield"><input type="submit"></p

我正在制作一个游戏,其中一个图像显示在输入表单上方,用户必须正确识别图像中的人物。这是我的表单和Javascript

<form method="POST" action="form-handler" onsubmit="return checkForm(this);">
     <p>Input: <input type="text" size="32" name="inputfield"><input type="submit"></p>
</form>

 function checkForm(form)
  {
    if(form.inputfield.value == "") {
      alert("Error: Input is empty!");
      form.inputfield.focus();
      return false;
    }
    var re = /^[\w]+$/;

    if(!re.test(form.inputfield.value)) {
      alert("Error: Input contains invalid characters!");
      form.inputfield.focus();
      return false;
    }
    return true;
  }

输入:

功能检查表(表格) { 如果(form.inputfield.value==“”){ 警报(“错误:输入为空!”); form.inputfield.focus(); 返回false; } 变量re=/^[\w]+$/; if(!re.test(form.inputfield.value)){ 警报(“错误:输入包含无效字符!”); form.inputfield.focus(); 返回false; } 返回true; }

我完全被Javascript所束缚。我想让它有多个不同的答案,有人可以键入,包括名字只,姓氏只,尼克的名字等。。。如果输入了正确的名称版本,它将转到下一个图像。如果提交的答案与图像不匹配,它将在表单下方显示“错误答案”。我需要什么才能使显示框不会弹出,表明答案正确,而是转到下一个图像?

在您的正则表达式中,您正在测试提供的输入是否以一个或多个[a-zA-Z0-9]的出现开始和结束

您可能需要检查:
/(\w+)/i
,它表示任何单词,不区分大小写(不带空格,ecc…)

但是如果你在白名单上测试。。。您可能需要执行以下操作:


函数checkForm(form){//如果输入为空,验证将失败,如果(form.inputfield.value==”){警报(“错误:输入为空!”);form.inputfield.focus();返回false;}//正则表达式仅匹配字母数字字符和空格var re=/^[\w]+$////如果输入与正则表达式不匹配,验证将失败,如果(!re.test(form.inputfield.value)){alert(“错误:输入包含无效字符!”);form.inputfield.focus();返回false;}//验证成功返回true;}将其添加到问题中
function isNapoleone(value) {
   var TRUE_IMAGENAME = 'Napoleone Bonaparte';
   return (TRUE_IMAGENAME.indexOf(value) > -1);
}