Введите текст только в HTML поле ввода текста и Запретить Numeri c или Символы во время ввода, - PullRequest
0 голосов
/ 10 января 2020

Как разрешить пользователям вводить текст только в HTML вводимом тексте, когда пользователям запрещается вводить цифры или символы во время ввода?

Ответы [ 3 ]

2 голосов
/ 10 января 2020

Вы можете сделать это довольно просто с помощью небольшого регулярного выражения:

<form action="#">
<input type="text" 
pattern="^[a-zA-Z]+$"/>
<input type="submit"/>
</form>
1 голос
/ 11 января 2020

хорошо, попробуйте это вместо:

function alphaOnly(event) {
       var value = String.fromCharCode(event.which);
       var pattern = new RegExp(/[a-zA-Z]/i);
       return pattern.test(value);
    }

    $('#input').bind('keypress', alphaOnly);
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
    <label>
       
       <input id="input" type="text">
    </label>
0 голосов
/ 11 января 2020

В простом JavaScript вы можете сделать что-то вроде этого:

  <form action="#">
  
  <!-- with pattern attribute -->
<input type="text" 
pattern="^[a-zA-Z]+$"/>
    
    <!-- with javascript helper function -->
<input type="text" onkeyup="(function change(v){
                               let result = new RegExp('^[a-zA-Z]+$').test(v.value)
                            console.log(result);
                            return result;
                               })(this)"/>
</form>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...