如果文本字段中出现错误，则会尝试显示不可见的文本

Question

这是我的代码html部分：

<form>

    <p>First Name:
        <input type="text" id="firstname" name="firstname"    /> 
        <span id="firstnameInvalid" style="color:red; visibility:hidden"> Name is Invalid </span>
    </p>


<input id="submitme" type="submit" value="Submit" />
    </form>

这是头部的Javascript部分

window.addEventListener("load",start);


function start(){
  document.getElementById('submitme').onclick=function(e){
       e.preventDefault();   checkme();} ;
    document.getElementById('firstname').onkeydown=function(e);

}
function checkme(){
    alert('inside checkme');
    var firstname=document.getElementById('firstname');
    if(firstname ==""){
        document.getElementById("firstnameInvalid").style.visibility = "visible";
    }

}

因此，当我按下提交时，它什么都不做，甚至不会弹出警告框，所以我甚至都没有达到检查功能。