Javascript, 将内联html js转换为普通js

Question

所以我有这个输入标签：

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

我希望它只接受数字、字母和空格。我想知道如何在现代JS版本中用jQuery在我的JS文件中重写它，因为所有使用旧JS的互联网方法都被划掉了。就像这里一样，https://www.codegrepper.com/code-examples/javascript/allow+only+letters+in+input+javascript onkeypress 或 keyCode 方法现在不起作用。他们被划掉了。

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

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

}

提前致谢！

Answer 1

试试这个 -

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

查看 test 方法中的 MDN docs！

Javascript, 将内联html js转换为普通js

Javascript, convert inline html js to normal js

html

javascript

jquery