Почему не работает скрипт на проверку ввод.чисел

<input id="A" type="text"> <input id="targ2" type="text">
<div id="error"></div>
 
<script type="text/javascript">
    $('A').blur(function(event) {
    A = parseInt(A.value);
    if (A < 100 || A >12000) {error.innerHTML = 'Пожалуйста, введите правильно.'};
    alert(A);
    });
    $('A').focus(function(event) {
    alert(event.target.tagName + '#' + event.target.id);
    error.innerHTML = ""
    event.preventDefault();
    });
</script>

<input id="A" type="text"> <input id="targ2" type="text">
<div id="error"></div>
 
<script type="text/javascript">
    $('#A').blur(function (event) { // используйте селектор по id
        A = parseInt(event.target.value); // значение инпута берем используя event
        if (A < 100 || A > 12000) {
            error.innerHTML = 'Пожалуйста, введите правильно.';
        }
        alert(A);
    });
    $('#A').focus(function (event) { // тут также используем правильный селектор
        alert(event.target.tagName + '#' + event.target.id);
        error.innerHTML = ""
        event.preventDefault();
    });
</script>

<input  type="number" id="A">
<script>
document.getElementById('A').onkeydown = function (e) {return !(/^[-eE+,.]$/.test(e.key));}
document.querySelector('input')= function (e) {return !(/^[-eE+,.]$/.test(e.key));}
</script>