判断输入框用户名是否重复代码

以下是一个简单的判断输入框用户名是否重复的示例代码，使用了jQuery库和AJAX技术进行实现：

HTML 代码：

<input type="text" id="username" name="username" placeholder="请输入用户名">
<span id="check-username"></span>

JavaScript 代码：

$(function() {
  $('#username').blur(function() {
    var username = $(this).val();
    $.ajax({
      type: 'POST',
      url: '/check-username', // 后端接口地址
      data: {'username': username},
      success: function(data) {
        if (data.code === 0) {
          $('#check-username').text('该用户名已存在').addClass('error');
        } else {
          $('#check-username').text('该用户名可以使用').removeClass('error');
        }
      },
      error: function() {
        alert('请求失败');
      }
    });
  });
});

后端代码（使用Python Flask框架）：

@app.route('/check-username', methods=['POST'])
def check_username():
    username = request.form.get('username')
    user = User.query.filter_by(username=username).first()
    if user:
        return jsonify({'code': 0, 'msg': '该用户名已存在'})
    else:
        return jsonify({'code': 1, 'msg': '该用户名可以使用'})

上述示例代码中，前端使用了jQuery库来监听输入框的失去焦点事件，并发送AJAX请求到后端进行用户名是否重复的校验。后端使用Python Flask框架来接收AJAX请求，并查询数据库中是否存在该用户名，返回校验结果。