解决onBlur事件与onfocus事件冲突问题

注册新用户为确保用户名唯一性 需要一个onBlur事件确保用户名唯一 如果出现用户注册中途撤销 点击关闭按钮也会触发onBlur事件 解决onBlur事件与onfocus事件冲突 就需要在‘’关闭‘’按钮添加onmouseover、 onmouseout可以解决。

 /*用户注册界面 */ 
var htm="<form action ='${ pageContext.request.contextPath }/addUser.action'   method='post' ><div id='register' style='position:fixed; height:420px; border-radius:5px; z-index:4;"
           +" width:600px; background:#eeeeee;'><div class='AETop' ><em id='close' style='font-size:30px; "
           +"float:right; margin-right:20px;'  onmouseover='removeblur()' onmouseout='addblur();' ><img src='img/close.png ' style=' height:20px; line-height:20px; vertical-align:middle; margin-top:20px;  ' ></em><span style='color:#000; text-align:center; font-size:20px; line-height:60px;height:60px; margin-left:20px; font-weight: bold;'>添加新用户</span></div>"
           +"<input  type='text' style='display:none' id='userid'  name='userid' value="+data[0].id+" />"
           +"<div style='margin-top:35px;'><div class='ANUser'><span class='ANUspan'>用户名:</span><input class='ANUinput' type='text'  id='username'  name='username' value="+data[0].username+"   onblur='compname()' required='required' /></div>"
           +"<div class='ANUser' ><span class='ANUspan' >密码:</span><input type='password'  class='ANUinput' id='password' name='password' value="+data[0].password+ " required='required'  /></div>"
           +"<div class='ANUser' ><span class='ANUspan'  >手机号码:</span><input type='text' class='ANUinput' id='phonenum' name='phonenum' value="+data[0].phonenum+"  /></div>"
           +"<div class='ANUser' ><span  class='ANUspan' >角色:</span><select type='text' class='ANUinput' id='roleid' name='roleid'  value="+data[0].roleid+" ><select></div></div>"
           +"<p  style='text-align:center;'> <input class='saveEdit' type='submit'  value= '保存'    /></p></div><form/>";


     /*关闭按点击事件 */ 
  $("#close").click(function(){
 		            removeWindow();
 		       	document.location.reload();
 		  });
  /*鼠标悬停在关闭按钮去掉username的onblur 事件 */ 
  function removeblur(){
    	var remo = document.getElementById('username');
        remo.removeAttribute('onblur');
    }
  /*鼠标离开关闭按钮添加username的onblur 事件 */   
    function addblur(){
     	var remo = document.getElementById('username');
        remo.setAttribute('onblur','compname()');
    }
      /*查看添加名称数据库中是否存在  */
  function compname(){
		 var newname=$("#username").val();
		 var userid=$("#userid").val();
		  $.ajax({
		        url: '${ pageContext.request.contextPath }/eqName.action?name='+newname,
		        timeout:1000,
		        type: 'POST',
		        async: false,
		        success: function (data) {
		        	var data = JSON.parse(data);
		        	if(data!=""){
		        	 if(userid!=""&&userid==data[0].id){
		               	}else{
		               		alert("用户名已存在!");
		               	}
		        	}
		        }
		  });
	 }
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值