版权声明：博客内容属于本人原创，转载请注明出处 https://blog.csdn.net/hl_qianduan/article/details/82694947
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>表单信息实时验证</title>
<meta http-equiv="Access-Control-Allow-Origin" content="*">
</head>
<body>
<input type="text" class="numAlpha">
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script>
<script>
//实时监听input内的值，只允许字母数字-.出现
//用的时候直接在input加class类名就好了
$('.numAlpha').on("input propertychange", function () {
var val = $(this).val();
val = val.replace(/[^\w#\.\/\-]/ig, '');
$(this).val(val);
});
</script>
</body>
</html>