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? — kmoser
– kmoser, Commented May 23, 2022 at 3:37

Lauren Anderson · Accepted Answer · 2022-05-22 23:57:14Z

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, 2022 at 23:57

answered May 22, 2022 at 23:26

Lauren Anderson

541 silver badge6 bronze badges

Sign up to request clarification or add additional context in comments.

5 Comments

Mammadali Mammadaliyev Over a year ago

Hmm, okay, will it prevent the user for inputting for example "="?

Mammadali Mammadaliyev Over a year ago

Umm actually, it doesn't preserver the user from inputting it :/

Yarin_007 Over a year ago

change input to keydown or keypress, that's what onkeypress is

Mammadali Mammadaliyev Over a year ago

Yarin_007, yeah thanks, but why input doesn't work here?

kmoser Over a year ago

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?

Collectives™ on Stack Overflow

Javascript, convert inline html js to normal js

1 Answer 1

5 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

5 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related