需要在前端对input框传入的值进行校验，并将校验结果传入后端

在前端对`input`框传入的值进行校验，可以使用JavaScript或jQuery等前端框架进行实现。在校验通过后，可以使用Ajax将数据传递给后端。下面是一个示例：

1. HTML代码

在HTML中添加一个`input`框和一个提交按钮：

<form>
  <label for="username">用户名：</label>
  <input type="text" id="username" name="username">
  <button type="button" id="submit">提交</button>
</form>

2. JavaScript代码

使用JavaScript对`input`框进行校验，判断输入的用户名是否符合要求（这里只是一个简单的示例，实际情况下可能需要更复杂的校验逻辑）：

$(function() {
  $('#submit').click(function() {
    var username = $('#username').val();
    if (username.length < 6) {
      alert('用户名长度不能小于6');
      return;
    }
    // 校验通过，发送Ajax请求
    $.ajax({
      url: 'your/backend/url',
      method: 'POST',
      data: { username: username },
      success: function(data) {
        // 处理响应数据
      }
    });
  });
});

3. 后端处理请求

在后端接收到请求后，可以根据传递的参数进行处理，并返回相应的结果。这里使用Spring MVC框架作为示例：

@PostMapping("/your/backend/url")
@ResponseBody
public String handleRequest(@RequestParam String username) {
  // 处理请求
  if (username.equals("admin")) {
    return "用户名已存在";
  } else {
    return "校验通过";
  }
}

根据传递的用户名进行校验，如果用户名已存在，则返回错误提示信息；否则返回校验通过的信息。

通过以上步骤，你就可以在前端对`input`框进行校验，并将校验结果传递给后端。