JSFiddle - React, Tailwind, and code Playground

by Qwerty_Wasd

HTML

<label>
	<input id="name1" type="text" name="names" placeholder="ФИО" />
</label>
<label>
	<input id="name2" type="text" name="names" placeholder="Электронная почта" />
</label>
<label>
	<input id="name3" type="text" name="names" placeholder="Дата рождения" />
</label>
<br>
<label>
	<input id="name4" type="text" name="names" placeholder="Пароль" />
</label>
<label>
	<input id="name5" type="text" name="names" placeholder="Повторите пароль" />
</label>

JavaScript

window.onload = function () {
    document.getElementById(`name1`).addEventListener('keypress', (event) => {
        if (~event.code.indexOf(`Digit`))
            event.preventDefault();
    });
 
    document.getElementById(`name3`).addEventListener('keypress', (event) => {
        if (~event.code.indexOf(`Key`))
            event.preventDefault();
    });
};