有时候,我们必须在用户提交数据前 将数据预先验证下,而不是等用户把数据提交后再告诉用户数据不合法,这样可以提高用户体验一下是常用的几个数据验证方式
input调用函数 方法有 :onblur ,onkeyup,等 (鼠标离开输入框后立即验证)
function checkForm(){
var username = document.getElementById("user").value;
var yz11=document.getElementById("yz1");
if(username==""){
yz11.innerHTML="输入不能为空";
yz11.style.color="red";
}
}
<div class="username">用 户 名: <input class="shurukuang" type="text" name="username" placeholder="请输入你的用户名" onblur="checkForm()" id="user"/><span id="yz1">请输入6-8位的字</span></div>