İnput Boşluk Engelleme

Merhaba arkadaşlar elimde bir script var ve login formda username ve şifre yazınca boşluk kabul edilmemesini istiyorum bunu nasıl ayarlayabilirim ? Yardımcı olacak arkadaşlara şimdiden teşekkür ederim.

</h2>
<div class="row">
<div class="line"></div>
<div class="col-xs-12 col-sm-4"><p>Kullanıcı Adı</p></div>
<div class="col-xs-12 col-sm-8"><input type="text" id="fname" name="kadi" placeholder="Kullanıcı Adınız" class="input-sm" style=""></div>
</div>

<div class="row">
<div class="col-xs-12 col-sm-4"><p>Sifre</p></div>
<div class="col-xs-12 col-sm-8"><input type="text" id="lname" name="sifre" placeholder="Şifreniz" class="input-sm" style="text-transform: uppercase;"></div>
</div>


<div class="line"></div>
<div class="col-xs-12 text-right">
<input type="submit" name="cevir" value="GİRİŞ YAP">
</div>

</form>
</div>

Kodu yapıştırıp dener misinz?

<script>
    document.getElementById('fname').addEventListener('keydown', function(e) {
        if (e.key === ' ') {
            e.preventDefault();
        }
    });
    document.getElementById('lname').addEventListener('keydown', function(e) {
        if (e.key === ' ') {
            e.preventDefault();
        }
    });
</script>

Deniyorum hocam teşekkür ederim

Maalesef olmadı