要求用户名文本框获得焦点时，右侧红色字体提示“请输入用户名”，填写完成后红色字体消失。两次密码必须一致，填写完确认密码，如果两次密码不一致，右侧红色字体提示“两次密码不一致”，如果一致红色字消失。

这是一个常见的表单验证场景，在前端网页开发中，可以使用JavaScript和HTML结合来实现这样的功能。当你描述的情况发生时：

1. **用户名输入框获取焦点**：当用户点击或Tab到用户名输入框时，你可以使用`focus()`方法给元素添加焦点，并显示提示信息。例如，可以设置一个隐藏的span标签作为提示，然后在聚焦事件触发时显示出来：

<input type="text" id="username" onfocus="showHint('请输入用户名')">
<span id="username-tip" style="display:none;">请输入用户名</span>

function showHint(prompt) {
  document.getElementById('username-tip').innerText = prompt;
  document.getElementById('username-tip').style.display = 'inline';
}

2. **密码验证**：对于两次密码输入框，可以监听它们的`input`事件，比较两个输入框的内容。如果不一致，显示红色提示；一致则隐藏。这里也有一个简单的例子：

<input type="password" id="password1">
<input type="password" id="password2">
<span id="password-match-tip" style="color:red;display:none;">两次密码不一致</span>

document.getElementById('password1').addEventListener('input', function() {
  if (this.value !== document.getElementById('password2').value) {
    document.getElementById('password-match-tip').innerText = '两次密码不一致';
    document.getElementById('password-match-tip').style.display = 'inline';
  } else {
    document.getElementById('password-match-tip').innerText = '';
    document.getElementById('password-match-tip').style.display = 'none';
  }
});