实现表单中有用户名,密码,确认密码,及注册按钮; 1. 输入用户名, 失去焦点后, 如果用户名已存在则在右侧span标签提示红色的"用户名已存在"(假设用户名为"zs"为已存在) 2. 如果点击用户名后, 没有输入,继续输入密码,则在右侧提示红色的"用户名不能为空" 3. 如果输入非"zs", js中校验正确,则失去焦点后,右侧提示绿色的"恭喜可用"

好的，这是一个前端的问题，需要使用JavaScript来实现。

首先，我们需要获取到用户名输入框和提示信息标签，可以使用以下代码：

var usernameInput = document.getElementById("username");
var usernameHint = document.getElementById("username-hint");

接着，我们需要给用户名输入框添加失去焦点事件监听器，判断用户名是否已存在，可以使用以下代码：

usernameInput.addEventListener("blur", function() {
  if (usernameInput.value === "") {
    usernameHint.textContent = "用户名不能为空";
    usernameHint.style.color = "red";
  } else if (usernameInput.value === "zs") {
    usernameHint.textContent = "用户名已存在";
    usernameHint.style.color = "red";
  } else {
    usernameHint.textContent = "恭喜可用";
    usernameHint.style.color = "green";
  }
});

最后，我们需要在HTML中添加对应的元素，可以使用以下代码：

<form>
  <label for="username">用户名：</label>
  <input type="text" id="username" name="username">
  <span id="username-hint"></span><br>

  <label for="password">密码：</label>
  <input type="password" id="password" name="password"><br>

  <label for="confirm-password">确认密码：</label>
  <input type="password" id="confirm-password" name="confirm-password"><br>

  <button type="submit">注册</button>
</form>

这样就完成了表单的实现，当用户输入不同的用户名时，提示信息会根据输入的不同而变化。