请输入注册帐号: <input type="text" maxlength="20" size="18" name="text1" onblur=change();> <div id="id1" style="display :block" style="display:inline">
该账号可用</div>
<div id="id2" style="display:none" style="display:inline">
该账号已存在</div>
<div id="id3" style="display:none" style="display:inline">
账号不可为空
</div>这边的代码是有错的,我写出来是想大家明白我的目的,我就是想把上面三个隐藏,然后根据前面的text文本框判断以后显示后面的提示。但是这边总是会换行,而且,要么就是不能隐藏。期望大家教我下,谢谢!
<script type="text/javascript">
var xmlHttp;
function createXMLHttpResponse() {
if (window.ActiveXObject) {
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
} else if (window.XMLHttpRequest) {
xmlHttp = new XMLHttpRequset();
}
} function startRequest() {
createXMLHttpResponse();
xmlHttp.onreadystatechange = handleStateChange;
xmlHttp.open("get", "panduan1.jsp?user=" +document.form1.text1.value,false);
xmlHttp.send(null); } function handleStateChange() {
if (xmlHttp.readyState == 4) {
if (xmlHttp.status == 200) {
if (document.form1.text1.value == "") {
document.getElementById("id3").style.display = "block";
} else if ((xmlHttp.responseText).indexOf("true") != -1) {
document.getElementById("id1").style.display = "block";
} else if ((xmlHttp.responseText).indexOf("false")) {
document.getElementById("id2").style.display = "block";
}
}
}
}
</script>
<html>
<head>
<title> New Document </title>
<script>
function ValId(txtValue)
{
if (txtValue.replace(/(^\s*)|(\s*$)/g, "")=="")
{
document.getElementById("msg").innerHTML="账号不可为空";
}
else if(txtValue=="123")
{
document.getElementById("msg").innerHTML="该账号已存在";
}
else
{
document.getElementById("msg").innerHTML="该账号可用";
}
}
</script>
</head> <body>
请输入注册帐号:
<input type="text" maxlength="20" size="18" name="text1" onblur="ValId(this.value)" />
<span id="msg" style="display:inline; color:red;"></span> </body>
</html>