注册验证

标签：html   方式   hold   onkeyup   function   shu   text   element   red   

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

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>

注册验证

标签：html   方式   hold   onkeyup   function   shu   text   element   red   

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