<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<script type="text/javascript">
function onclickFun(){
var usernameObj=document.getElementById("username");
var usernameSpan=document.getElementById("usernameSpan");
var usernameText=usernameObj.value;
var patt=/^\w{5,12}$/;
if(patt.test(usernameText)){
alert("合法");
usernameSpan.innerHTML="合法";
}else{
alert("不合法");
usernameSpan.innerHTML="不合法";
}
}
</script>
<body>
用户名:<input type="text" id="username" value="pwj">
<span id="usernameSpan">
</span>
<button onclick="onclickFun()">校验</button>
</body>
</html>