注册首页中离焦自动验证

最新推荐文章于 2024-06-10 15:12:01 发布

仗剑跑天涯

最新推荐文章于 2024-06-10 15:12:01 发布

阅读量443

点赞数

分类专栏： js 文章标签：注册，onblur 表单验证离焦自动校验 js

本文链接：https://blog.csdn.net/weixin_44554727/article/details/86522148

版权

**js代码

 <script> 
  window.function () {
               //给单个表单项绑定onblur事件
               //用户名绑定离焦事件
               var username = document.getElementById("username");
               username.onblur = checkUsername; 
               //   密码绑定离焦事件 	
               	/* var username =   document.getElementById("password");
               username.onblur = checkPassword;
               }*/
   
   function checkUsername(){
           //1.获取用户名的值
           var username = document.getElementById("username").value;
           //2.定义正则表达式
           var reg_username = /^\w{6,12}$/;
           //3.判断值是否符合正则的规则
           var flag = reg_username.test(username);
           //4.提示信息
           var s_username = document.getElementById("s_username");
   
     if(flag){
               //提示绿色对勾
               s_username.innerHTML = "<img   src='自己插入图片'/>";