密码框格式验证用onblur事件实现验证格式错误，如果客户离开密码框，此时密码不是1-16提示错误，否则提示正确

可以使用以下代码实现：

<label>密码：</label>
<input type="password" id="password" onblur="validatePassword()">
<span id="passwordError"></span>

<script>
function validatePassword() {
  var password = document.getElementById("password").value;
  var error = document.getElementById("passwordError");
  
  if (password.length < 1 || password.length > 16) {
    error.innerHTML = "密码必须为1-16个字符";
  } else {
    error.innerHTML = "密码格式正确";
  }
}
</script>

在 HTML 中，我们创建一个密码输入框和一个用于显示错误信息的 span 元素。

在 JavaScript 中，我们创建了一个名为 `validatePassword` 的函数，该函数会在密码框失去焦点时被触发。函数首先获取密码框中输入的值，然后根据其长度进行判断。如果长度不符合要求，则在错误信息 span 中显示错误提示；否则，在 span 中显示正确提示。

你可以将该代码复制到 HTML 文件中进行测试。

相关问题

实现对密码框的非空及长度检测，在右侧显示错误信息，得到焦点时清除右侧的错误提示信息

好的，我理解您的问题了。这里给出一个简单的实现示例，供您参考：

在 HTML 中，您可以这样定义一个密码框和一个错误提示信息的容器：

<input type="password" id="password" onblur="checkPassword()" onfocus="clearError()">
<div id="error"></div>

其中，`onblur` 属性指定当密码框失去焦点时调用 `checkPassword()` 函数，`onfocus` 属性指定当密码框获得焦点时调用 `clearError()` 函数。

在 JavaScript 中，您可以像这样实现这两个函数：

function checkPassword() {
  var password = document.getElementById("password").value;
  var error = document.getElementById("error");
  if (password == "") {
    error.innerText = "密码不能为空";
  } else if (password.length < 6) {
    error.innerText = "密码长度不能少于6位";
  } else {
    error.innerText = "";
  }
}

function clearError() {
  var error = document.getElementById("error");
  error.innerText = "";
}

其中，`checkPassword()` 函数获取密码框的值，并根据非空及长度检测的结果设置错误提示信息的内容；`clearError()` 函数清除错误提示信息的内容。

您可以在测试时输入不同的密码，观察错误提示信息的变化。希望这个示例能够帮到您。

实现对密码框的非空及长度检测，在右侧显示错误信息，得到焦点时清除右侧的错误提示信息。

好的，您可以参考以下示例代码实现：

HTML：

<label for="password">密码：</label>
<input type="password" id="password" name="password" onblur="checkPassword()" onfocus="clearError()">
<span id="password-error" class="error"></span>

JavaScript：

function checkPassword() {
  var passwordInput = document.getElementById("password");
  var passwordError = document.getElementById("password-error");
  var password = passwordInput.value.trim();
  if (password === "") {
    passwordError.innerHTML = "密码不能为空";
  } else if (password.length < 6 || password.length > 16) {
    passwordError.innerHTML = "密码长度应为6-16位";
  } else {
    passwordError.innerHTML = "";
  }
}

function clearError() {
  var passwordError = document.getElementById("password-error");
  passwordError.innerHTML = "";
}

上述代码实现了对密码框的非空及长度检测，并在右侧显示相应的错误信息。当密码框得到焦点时，右侧的错误提示信息会被清除。您可以根据自己的需求进行修改和调整。