Javascript 如何通过输入键验证答案？

我已经创建了一个输入框，它通过使用tab键进行验证，但需要在按下enter键后进行验证

此处，只有在键入正确答案并按tab键后，才会显示记号符号。然后它进入下一个输入框，并进行验证

但是，当我键入正确答案并在输入框内按enter键时，需要进行验证

为此，我尝试了以下JS代码：

$(document).keypress(function(e) {
  if(e.which == 13) {
    checktxt(h,v,w,c)
  }
});

function checktxt(h,v,w,c) {
  var th=$("#"+h).val();
  var tv=$("#"+v).val();
  if(th.toLowerCase()==tv.toLowerCase()) {
    $( "."+c ).show();
    $( "."+w ).hide(); 
  } else if(tv.toLowerCase()=="") {
  } else {
    $( "."+c ).hide();
    $( "."+w ).show();
  }
}

但当我按下回车键时，它也不会得到验证

我的HTML代码是

<div>
  <input id="texthidden1" type="hidden" value="877" />
  <input id="textvisible1" type="text" value="" onblur="javascript:checktxt('texthidden1','textvisible1','wrong1','correct1');" />
  <div class="wrong1"><img src="../images/smallwrong.png"/></div>
  <div class="correct1"><img src="../images/smallgreen.png"/></div>
</div>

---

当我删除输入框的内容时，我还需要清除勾号图像。

您的代码的问题在于按键列表中的这一部分

checktxt(h,v,w,c) 

h、 这里未定义v、w和c，因为onblur事件的代码工作正常，并且您希望在enter press上复制相同的代码，所以需要在keypress事件中定义这些变量

如果检查html，则将所有元素的ID传递给JS中的checktxt函数

在按键监听器中也执行同样的操作

 $(document).keypress(function(e) {
    if(e.which == 13) {
    checktxt('texthidden1','textvisible1','wrong1','correct1')
    }
 });

$（文档）。按键（功能（e）{
如果（e.which==13）{
checktxt（'texthidden1'，'textvisible1'，'Error1'，'correct1'）
}
});
函数checktxt（h、v、w、c）{
var th=$（“#”+h）.val（）；
var tv=$（“#”+v）.val（）；
if（th.toLowerCase（）==tv.toLowerCase（））{
$（“+c）.show（）；
$（“+w）.hide（）；
}else if（tv.toLowerCase（）==“”）{else{
$（“+c）.hide（）；
$（“+w）.show（）；
}
}

---

编码的问题在于按键列表中的这一部分

checktxt(h,v,w,c) 

h、 这里未定义v、w和c，因为onblur事件的代码工作正常，并且您希望在enter press上复制相同的代码，所以需要在keypress事件中定义这些变量

如果检查html，则将所有元素的ID传递给JS中的checktxt函数

在按键监听器中也执行同样的操作

 $(document).keypress(function(e) {
    if(e.which == 13) {
    checktxt('texthidden1','textvisible1','wrong1','correct1')
    }
 });

$（文档）。按键（功能（e）{
如果（e.which==13）{
checktxt（'texthidden1'，'textvisible1'，'Error1'，'correct1'）
}
});
函数checktxt（h、v、w、c）{
var th=$（“#”+h）.val（）；
var tv=$（“#”+v）.val（）；
if（th.toLowerCase（）==tv.toLowerCase（））{
$（“+c）.show（）；
$（“+w）.hide（）；
}else if（tv.toLowerCase（）==“”）{else{
$（“+c）.hide（）；
$（“+w）.show（）；
}
}

我还需要清除输入框内容时记号图像消失。@Anitha您可以在输入上绑定更改事件侦听器，并检查值是否为空。我还需要清除输入框内容时记号图像消失。@Anitha您可以在输入上绑定更改事件侦听器，并检查值为空。