注册验证

有时候,我们必须在用户提交数据前 将数据预先验证下,而不是等用户把数据提交后再告诉用户数据不合法,这样可以提高用户体验一下是常用的几个数据验证方式

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">用&nbsp;&nbsp;户&nbsp;&nbsp;名:&nbsp;&nbsp;<input class="shurukuang" type="text" name="username" placeholder="请输入你的用户名" onblur="checkForm()" id="user"/><span id="yz1">请输入6-8位的字</span></div>

原文地址:https://www.cnblogs.com/ming888/p/10270718.html