JS验证姓名

HTML

 <!-- 验证表单姓名是否正确S -->
    <div class="phone_container">
      <h1>验证表单中姓名是否正确</h1>
      <label for="">姓名</label><input type="text" name="" id="inp1" />
      <em id="judge2"></em>
      <em id="judge3"></em>
    </div>
    <!-- 验证表单中姓名是否正确E -->

CSS

/* 验证表单姓名是否正确S */
.wrong {
  color: red;
}

.right {
  color: green;
}

/* 验证表单姓名是否正确E */

JS

// 验证表单姓名是否正确S
var inp1 = document.getElementById("inp1");
inp1.onblur = function () {
  var regName = /^[\u4e00-\u9fa5]{2,6}$/;
  if (regName.test(this.value)) {
    this.nextSibling.innerHTML = "正确";
    this.nextSibling.className = "right";
  } else {
    this.nextSibling.innerHTML = "错误";
    this.nextSibling.className = "wrong";
  }
};
// 验证表单姓名是否正确E