javascript - 带有 javascript 验证的文本区域

Question

如何使用纯 Javascript 而不是 Jquery 验证以下文本区域？任何人都可以帮助我吗？

<script>
function val()
{
    // 1. only allowed alphanumeric characters, dash(-), comma(,) and no space
    // 2. alert if person is trying to input not allowed chars as in 1.
} 
</script>

<form>  
    <textarea name="pt_text" rows="8" cols="8" class="input" onkeydown="return val();"></textarea>
</form>

Answer 1

尝试如下:

document.querySelector('.input').onkeypress = function validate(e) {
    if (String.fromCharCode(e.keyCode).match(/[\w,-]/) == null) {
        alert('not allowed');
        e.preventDefault();
    }
};

DEMO

编辑:正如tenub指出的，\w也允许_，因此将正则表达式修改为:/[A-Za-z0-9, -]/

DEMO