表单验证在我们写网页的时候还是用的比较多的,主要是登录注册的时候用,用来判断注册的账号符不符合要求。
惯例,先写html和css样式,我这里写的比较简单,主要是用js实现就可以,
html:
<div id = 'login'>
<input id = 'username' type="text" placeholder="用户名" onblur = 'blurFunc();'/><br/>
<span id = 'username_span'>6~18个字符,可使用字母、数字、下划线,需以字母开头</span>
</div>
css:
<style>
#login{width: 200px; height: 150px; border: 1px solid black; padding: 50px; text-align: center; background-color: yellow}
#username{width: 190px; height: 30px; font-size: 18px; margin-bottom: 10px}
#username_span{color: red; font-size: 12px}
</style>
最重要的js来了:
永远的第一步:获取id,
var oUsername = document.getElementById("username");
var oUsernameSpan = document