我正在尝试通过调出一个php文件来合并一个函数中的所有验证值。它设法验证,但不知何故,如果我验证一个字段,另一个字段消息也将出来。
形式:
<input name="SNo" type="text" id="SNo" onkeyup="Validate(this.value)" value=""/> <span id="validateNumbers"></span>
<input name="Names" type="text" id="Names" onkeyup="Validate(this.value)" value=""/><span id="validateNames"></span>
Javascript功能:
function Validate(value) {
var SNo = document.getElementById('SNo').value;
var Names = document.getElementById('Names').value;
if (str == SNo) {
if (str.length == 0) {
document.getElementById("validateNumbers").innerHTML = "Must not be blank";
return;
}
if (window.XMLHttpRequest) xmlhttp = new XMLHttpRequest();
} else { // code for IE6, IE5
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange = function() {
if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
document.getElementById("validateNumbers").innerHTML = xmlhttp.responseText;
}
}
xmlhttp.open("GET", "functions/validate.php?SNo=" + str, true);
xmlhttp.send();
} else if (str == Names) {
//same coding as if statement
} else {}
}
因此,如果我将其留空,则将显示validateNumbers和validateNames错误消息以及其他消息。我没有使用任何循环,但为什么它会重复.. 请指教。
答案 0 :(得分:1)
str未定义。最好传入输入对象本身。
function Validate(field) {
var SNo = document.getElementById('SNo');
var Names = document.getElementById('Names');
if (field == SNo) {
if (field.value.length == 0) {
document.getElementById("validateNumbers").innerHTML = "Must not be blank";
return;
}
if (window.XMLHttpRequest) {
xmlhttp = new XMLHttpRequest();
} else { // code for IE6, IE5
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange = function() {
if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
document.getElementById("validateNumbers").innerHTML = xmlhttp.responseText;
}
}
xmlhttp.open("GET", "functions/validate.php?SNo=" + field.value, true);
xmlhttp.send();
} else if (field == Names) {
//same coding as if statement
} else {}
}
和
<input name="SNo" type="text" id="SNo" onkeyup="Validate(this)" value=""/>
<input name="Names" type="text" id="Names" onkeyup="Validate(this)" value=""/>