当我尝试在按键事件上验证 jsp 表单时，在将任何数据输入到输入字段之前会出现警告框

Question

When I try to validate the jsp form on keypress event, the alert box appears before entering any data into an input field当我尝试在按键事件上验证 jsp 表单时，在将任何数据输入到输入字段之前会出现警告框

<html>
<head>
<script text/javascript>
var inputs = document.getElementsByTagName("input");
function checkTabPress(e) 
{
  for(var i=0;i<inputs.length;i++)
  {
   if((inputs[i].value === undefined || inputs[i].value.length == 0) && (e.keyCode == 9))
    {
      alert("plz write");
      return false;
    }
  } 
    return true;
}

document.addEventListener('keyup', function (e) {
    checkTabPress(e);
}, false);
</script>
</head>
<body>
Enter Your Name: <input onkeypress="checkTabPress('abc')" type='text' id="abc" placeholder=''><br>
Enter <input onkeypress="checkTabPress('xyz')" type='text' id="xyz" placeholder=''>
</body>
</html>

Answer 1

You need to change your onkeypress event to onblur (of the text inputs) and there is no need of addEventListener for keypress您需要将onkeypress事件更改为onblur （文本输入的），并且不需要为keypress

Updated DEMO JSFiddle URL : https://jsfiddle.net/n6j7oy3b/3/更新了演示 JSFiddle URL ： https : //jsfiddle.net/n6j7oy3b/3/

Hope this helps!希望这有帮助！

当我尝试在按键事件上验证 jsp 表单时，在将任何数据输入到输入字段之前会出现警告框

问题描述

1 个解决方案

解决方案1
0 2016-07-28 18:27:06

当我尝试在按键事件上验证 jsp 表单时，在将任何数据输入到输入字段之前会出现警告框

问题描述

1 个解决方案

解决方案1 0 2016-07-28 18:27:06

解决方案1
0 2016-07-28 18:27:06