Хочу сделать проверку логина на уникальность с помощью fetch , но он постоянно пишет , что логин занят . Почему?

Подскажите , где ошибка в проверке совпадения логина с БД .

HTML

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <form action="unique.php" method="post">
    <label >login</label>
    <input name='username' id="input_login" type="text">
    <span id="availability"></span>

    <label>email</label>
    <input name='input_email' id="input_email" type="text">
    <button>Submit</button>
    </form>

<script src='https://code.jquery.com/jquery-3.3.1.min.js'></script> 
<script src="index.js"></script>
</body>
</html>

JavaScript

const input_login = document.querySelector("#input_login");
const availability = document.querySelector("#availability");

input_login.onblur = async () => { 
    let username = input_login.value;

    const response = await fetch("unique.php", {
        method: 'POST',
        body:{user_name:username}
    })
    const data = await response.text();

    availability.innerHTML =  await data;

}

PHP

<?php

$connect = mysqli_connect("localhost", "root", "", "site");
$sql = "SELECT * FROM `users` WHERE `login` LIKE '%".$_POST["user_name"]."%' ";
$result = $connect->query($sql);

if ($result->num_rows > 0) {

  echo 'Данный логин уже занят';
} else {
    echo 'Данный логин еще не занят';
}

Ответы (0 шт):