Проверьте поле, чтобы оно не принимало пробелы и специальные символы

#jquery

Вопрос:

У меня есть поле для формы, в которое пользователь не может вводить пробелы и специальные символы. Как я могу выполнить эту проверку с помощью Jquery?

 <label for="ref">Reference</label>
<input class="btn btn-primary" id="ref" name="Reference"> 
 

Ответ №1:

Мне удалось решить ее следующим образом:

 <form action="" method="post">
    <input type="text" id="name" spellcheck="false" data-ms-editor="true"> <button type="submit">Testar</button>
</form>
<script src="https://code.jquery.com/jquery-3.6.0.js" integrity="sha256-H K7U5CnXl1h5ywQfKtSj8PCmoN9aaq30gDh27Xc0jk=" crossorigin="anonymous"></script>
<script>
$('#name').on('keypress', function() {
var regex = new RegExp("^[a-zA-Z0-9-Zàèìòùáéíóúâêîôûãõb] $");
var _this = this;
setTimeout( function(){
    var texto = $(_this).val();
    if(!regex.test(texto))
    {
        $(_this).val(texto.substring(0, (texto.length-1)))
    }
}, 100);
});
</script>