注册新用户为确保用户名唯一性 需要一个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("用户名已存在!");
}
}
}
});
}