Javascript, convert inline html js to normal js

Question

So I have this input tag:

<input ... onkeypress="return /^[A-Za-z0-9 -]*$/.test(event.key)" id="id_title">

And I want it to accept only numbers, letters and spaces. I wonder how to rewrite it in my JS file with jQuery in modern JS version, because all methods from the Internet with old JS are crossed out. Like in here, https://www.codegrepper.com/code-examples/javascript/allow+only+letters+in+input+javascript onkeypress or keyCode methods are not working now. They are crossed out.

$('#id_title').on('keydown', function() {  

     let regex = /^[A-Za-z0-9 -]*$/ // accepts only letters, numbers and spaces
     ... // how to continue?

}

Thanks in advance!

Does this answer your question? [How do I block or restrict special characters from input fields with jquery?](https://stackoverflow.com/questions/895659/how-do-i-block-or-restrict-special-characters-from-input-fields-with-jquery) — kmoser, May 23 '22 at 03:37

Lauren Anderson · Accepted Answer · 2022-05-22T23:57:14.850

3

Try this -

$('#id_title').on('input', function(event) {  
    let regex = /^[A-Za-z0-9 -]*$/;
    return regex.test(event.key);
});

Check out the MDN docs on the test method!

edited May 22 '22 at 23:57

answered May 22 '22 at 23:26

Lauren Anderson

54
1
6

Hmm, okay, will it prevent the user for inputting for example "="? – Mammadali Mammadaliyev May 22 '22 at 23:31
Umm actually, it doesn't preserver the user from inputting it :/ – Mammadali Mammadaliyev May 22 '22 at 23:36
change `input` to `keydown` or `keypress`, that's what `onkeypress` is – Yarin_007 May 22 '22 at 23:44
Yarin_007, yeah thanks, but why input doesn't work here? – Mammadali Mammadaliyev May 22 '22 at 23:52
1

`event.key` is undefined. Instead of `.on('input')`, you need `.on('keypress')`. But even that won't prevent a user from *pasting* an invalid character. For better answers to OP, see [How do I block or restrict special characters from input fields with jquery?](https://stackoverflow.com/questions/895659/how-do-i-block-or-restrict-special-characters-from-input-fields-with-jquery) – kmoser May 23 '22 at 03:40

Javascript, convert inline html js to normal js

1 Answers1