anladım teşekkür ederim. 3 farklı yöntem var fakat bence en uygun stil bu olabilir dilerseniz bunu beğenirseniz biraz daha özelleştirebilirim.
veya direkt yazar yazmaz hata vermeden sildirebiliriz. bir başka yöntem ise ufak üstten gelen bir hata mesaj kutusu ama pek yakıştıramıyorum sitelere.
umarım işinize yarar.

<form>
  <input type="text" id="username" onkeyup="checkCharacters(event)"/>
  <div id="error-message" style="color:red;"></div>
</form>

<script>
  function checkCharacters(event) {
    var input = document.getElementById("username");
    var errorMessage = document.getElementById("error-message");
    var inputValue = input.value;
    var validCharacters = /^[a-zA-Z\.]+$/;
    if (!validCharacters.test(inputValue)) {
      errorMessage.innerHTML = "Türkçe karakterler kullanılamaz. Lütfen sadece harfler ve noktalar kullanın.";
      input.value = inputValue.replace(/[^a-zA-Z\.]/g, "");
    } else {
      errorMessage.innerHTML = "";
    }
  }
</script>