autoriser la touche 'espace' dans un input .

Bonjour a tous, je suis nouveau et je fais face a un probleme. mon probleme est que, dans mon formulaire par exemple dans les champs nome et prenom, ils doivent prendre uniquement de lettre, pas de chiffre, je le fais, mais je ne peux pas entrer des noms composes, c'est a dire la touche espace ne fonctionne pas . par exemple je ne peux pas avoir Zavier Pierre, mais Zavierpierre. comment vous pouver m'apporter un peu de lumiere? je vous remercie.

Ce que je fais

voici mon code:

 <script type="text/javascript">
    function verifierCaracteres_prenom_eleve(event) {

    var keyCode = event.which ? event.which : event.keyCode;
    var touche = String.fromCharCode(keyCode);

    var champ = document.getElementById('prenom');

    var caracteres = 'abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ';

    if(caracteres.indexOf(touche) >= 0) {
        champ.value += touche;
    }

}
  </script>

Ce que je veux

Décrivez ici ce que vous cherchez à obtenir

Ce que j'obtiens

Décrivez ici vos erreurs ou ce que vous obtenez à la place de ce que vous attendez :(