前景提要
HDC调试需求开发(15万预算),能者速来!>>> <!-- onblur事件,用户离开文本框时或者说元素失去焦点时触发 --><input type="text" class="form-control" id="username" maxlength="16" required placeholder="请输入登录号" data-toggle="popover1" data-container="body"
data-placement="right" onblur="checkUsername()" onfocus="hideData()" >
<script>
// 获取文本框焦点时
function hideData() {
$('#username').popover('destroy');// 隐藏并销毁元素的弹出框。
return;
}
// 当文本框是失去焦点时
function checkUsername() {
var username = document.getElementById("username").value;
// 判断获取的参数是否为空
if(isEmpty(username)){
$("#username").attr("data-content","登录号不能为空");
$('#username').popover('toggle')
return;
}
var xmlHttp;
if (window.XMLHttpRequest) {
// 所有现代浏览器均支持XMLHttpRequest对象
xmlHttp = new XMLHttpRequest();
} else {
// IE5 和IE6 使用ActiveXObject
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
var uri = ${pageContext.request.contextPath};
xmlHttp.open("get",uri + "/user/checkUserName?username=" + username, true);
xmlHttp.send();
// 每当readyState 改变时,就会触发onreadystatechange 事件
xmlHttp.onreadystatechange = function() {
if (xmlHttp.readyState == 4 && xmlHttp.status == 200) {
// responseText获得字符串形式的响应数据
alert(xmlHttp.responseText);
// 转换为json 对象
var dataObj = eval("(" + xmlHttp.responseText + ")");
if (dataObj.exist) {
alert("什么");
// $("[data-toggle='popover1']").popover(); // bootstrap弹出框
} else {
alert("您好");
}
}
};
}
</script>