版权声明：转载原创文章请以超链接形式请注明原文章出处，尊重作者，尊重原创！
恰饭广告
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script>
function Form(){
var code=/^[A-Za-z0-9]+$/; //输入数字和字母，反之no
var a=document.getElementById("code").value;
var b=document.getElementById("result");
if(code.test(a)){
b.innerHTML="yes";
}
else{
b.innerHTML="no";
}
}
</script>
</head>
<span>姓名：</span><input type="text" id="code" oninput="Form()">
<div id="result"></div>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<span>姓名：</span><input type="text" id="code">
<div id="result"></div>
<script src="jquery-3.2.1.js"></script>
<script>
$(function(){
$('#code').bind('input oninput', function() {
var code=/^[A-Za-z0-9]+$/; //输入数字和字母yes，反之no
var a=$("#code").val();
if(code.test(a)){
$("#result").text("yes");
}
else{
$("#result").text("no");
}
});
})
</script>
</body>
</html>
注意：
onpropertychange：只要当前对象属性发生改变，都会触发事件，但是它是IE专属的；
oninput：onpropertychange的非IE版本，支持firefox和opera等浏览器
onchange：触发事件必须满足两个条件：
当前对象属性改变，并且是由键盘或鼠标事件激发的（脚本触发无效）
当前对象失去焦点(onblur)；
原文链接：https://www.idaobin.com/archives/262.html
让我恰个饭吧.ヘ(￣ω￣ヘ)
支付宝 ——————- 微信
恰饭广告
