使用jquery完成注册表单,在js中判断,如果为zs,则在右侧显示红色的"已注册"; 否则,绿色的"恭喜可用

好的，以下是使用 jQuery 完成注册表单的代码，并在判断用户名时显示不同的提示信息：

HTML 代码：

<form>
  <label>用户名：</label>
  <input type="text" id="username" name="username">
  <div id="username-tip"></div>
  <button type="submit">注册</button>
</form>

JavaScript 代码：

$(function() {
  $('form').submit(function(event) {
    event.preventDefault(); // 阻止表单默认提交行为
    
    var username = $('#username').val();
    var $tip = $('#username-tip');
    
    if (username === 'zs') {
      $tip.text('已注册').removeClass('green').addClass('red');
    } else {
      $tip.text('恭喜可用').removeClass('red').addClass('green');
    }
  });
});

CSS 代码：

.red {
  color: red;
}

.green {
  color: green;
}

当用户输入的用户名为 "zs" 时，提示信息会显示为红色的 "已注册"；否则会显示为绿色的 "恭喜可用"。