基于简单输入的Onblur JS事件

时间:2019-08-09 08:02:02

标签: javascript html

我正在尝试完成“ OnBlur事件”。这是基于输入的OnBLur事件。如果输入不正确,我试图显示“消息”,如果正确,我试图显示另一条消息。

Img

但是由于某些原因,它不起作用。我还附加了所显示错误的屏幕截图。

我已经尝试,以我的初学者所知,更改了变量名和所有内容。

<!DOCTYPE html>
<html>
<head>
    <title>OnBLur</title>
    //OnBlur Coding
    <script>
        function checkField() {
           var field = document.getElementbyId("field1").value;

           if (field.length < 5)
               document.getElementbyId("message1").innerHTML = "Too Short";
           else
               document.getElementbyId("message1").innerHTML = "Oky";
        }
    </script>

    <input id="field1" type="text" onblur="checkField();"/>
    <span id="message1"></span>
</head>
<body>
...

这是应该做的;

  1. 如果输入小于5,则应显示“太短”
  2. 如果输入> 5 THEN,则“确定”

1 个答案:

答案 0 :(得分:1)

很高兴您已经开始编码!您做对了所有事情。这仅仅是一个驼峰式小姐的问题。 应该是Resource/Scope,大写字母“ B”在上面。

快乐的衣着!