Comparer un élément en javascript récupérer dans ma BD

Bonjour,

J'ai un petit souci, lors de l'enregistrement d'un login dans ma BD, j'aimerais vérifier qu'un login n’hésite pas déjà avant de valider, j'ai décider de passer par le jQuery. (je rappel que je débute :)

j'aimerais vérifier que le login n’hésite pas dans la BD avant de l’insérer.

code HTML

<div style="display: none;" id="erreur" class="alert alert-danger">
      			<p>Vous n'avez pas rempli ce champ !</p>
  </div>
                <form class="form" action="insert.php" role="form" method="post" enctype="multipart/form-data">
                    <div class="form-group">
                        <label for="nom">Login:</label>
                        <input type="text" class="form-control" id="login" name="login" placeholder="Login" value="<?php echo $login;?>">
        
                    </div>

<br>
                    <div class="form-actions">
                        <button type="submit" class="btn btn-success" name="envoi" id="envoi"><span class="glyphicon glyphicon-pencil"></span> Ajouter</button>
                        <a class="btn btn-primary" href="index.php"><span class="glyphicon glyphicon-arrow-left"></span> Retour</a>
                   </div>
                </form>

code PHP

<?php

    require 'database.php';

  if(!empty($_POST))
    {
        $login  = $_POST['login'];

            $db = Database::connect();
            $statement = $db->prepare("INSERT INTO users (login) values(?)");
            $statement->execute(array($login));
            Database::disconnect();
            header("Location: index.php");
    }
   ?>

code JS

$(document).ready(function(){

       var  $login = $('#login'),
            $envoi = $('#envoi'),
            $erreur = $('#erreur'),
            $tot1;

     //on m'a conseiller de l'utiliser mais j'ai pas compris      

                $.ajax({
                url           : "insert.php",
                type          : "POST",
                value         : $login
             
                });

        $login.keyup(function(){
            if($(this).val() == $login){ // c'est ici que je voulais comparer si le champ existe a un login de la BD
                $tot1=0;
                $(this).css({ // on rend le champ rouge
         	        borderColor : 'red',
            	color : 'red'
                });
            }
            else{
                $tot1=1;
                $(this).css({ // si tout est bon, on le rend vert
                    borderColor : 'green',
                    color : 'green'
                    });
            }
        });

        $envoi.click(function(e){

            e.preventDefault(); 

            verifier($login);

            if($tot1==1 ){

              $erreur.css('display', 'none');
          }
          else{
               $erreur.css('display', 'block');
          }
        });

    });

Tout en vous remerciant.