Javascript onblur不起作用，但onchange起作用？

我错过什么了吗？我的onblur脚本不起作用，但如果我将其设置为onchange，它就会起作用，我只运行这两个脚本来对一些HTML输入运行一些验证

脚本#1的目的是检查是否有空格，表明用户输入了名字和姓氏（可能有更好的方法）

脚本#2的目的是在用户退出输入字段时检查空格是否为空

Javascript

  // Script #1
document.getElementById('name').onchange=function() {
  var theName = document.getElementById('name').value;

  if (theName.indexOf(' ') <= 0) {
    document.getElementById('name_error').innerHTML = "Must include first and last name";
  }
}


  // Script #2
document.getElementById('name').onBlur=function() {
  if (document.getElementById('name').value=="") {
    document.getElementById('name_error').innerHTML = "The name field is required";
  }
}

//脚本#1
document.getElementById（'name'）。onchange=function（）{
var theName=document.getElementById（'name'）.value；
如果（name.indexOf（“”）您的代码中有一个输入错误，只需将
onBlur
替换为
onBlur


document.getElementById（'name'）。onblur=function（）{
if（document.getElementById（'name'）。值=“”）{
document.getElementById（'name_error'）。innerHTML='name字段是必需的'；
}
}
Name*

您的代码中有一个输入错误：它是
onblur
。而不是
onblur


document.getElementById（'name'）。onblur=function（）{
if（document.getElementById（'name'）。值==“”）{
document.getElementById（'name_error'）.innerHTML=“名称字段是必需的”；
}否则{
//用这个“名字”做点什么
}
}
Name*

我想你可能需要其他条件！@RayonDabre很好！我已经编辑了我的答案。否决票？真的吗？？）
<label for="name" id="name_label">Name<span class="red">* </span></label><br>
<span id="name_error" class="hint"></span>
<input type="text" name="name" id="name" pattern="[A-Za-z0-9 ]" 
 placeholder="Full name please" maxlength="25" autofocus required>