OK - here's an demo w/ five fields but the quantity doesn't
matter. You can add five more and the array will simply
grow if values are entered. And in this example its OK for
all of the fields to be empty (i.e., NULLs are not dups).
Note that the array fill is based on all of the textfields in the
form so if you have others that should not be included,
perform an additional "if" clause (checking for, oh, maybe a
substring of the object name) between the two "ifs" shown.
<html>
<head>
<script type="text/javascript">
function checkDups(form) {
var dupArray = new Array();
var count = 0;
<!-- Fill the array with fields that have values -->
for (var i=0; i<form.elements.length; i++) {
if (form.elements[i].type == "text") {
if (form.elements[i].value.length > 0) {
dupArray[count] = form.elements[i].value;
count++;
}
}
}
<!-- Check for dups and stop on first error found -->
if (dupArray.length > 1) {
for (var i=0; i<dupArray.length; i++) {
for (var j=0; j<dupArray.length; j++) {
if (i != j) {
if (dupArray[i] == dupArray[j]) {
alert("Values are identical: " + dupArray[i]);
return(false);
}
}
}
}
}
alert("No duplicate values were found.");
return(true);
}
</script>
</head>
<body>
<center>
<b>Duplicate Contents Demo</b>
<form>
<input type="text" name="field1" size="15" length="15">
<input type="text" name="field2" size="15" length="15">
<input type="text" name="field3" size="15" length="15">
<input type="text" name="field4" size="15" length="15">
<input type="text" name="field5" size="15" length="15">
<p>
<input type="button" value="Check Duplicates" onClick="checkDups(this.form)">
</form>
<hr>
</center>
</body>
</html>
Also, the comparison is not case-sensitive. For this, add
toLowerCase() to the test, such as:
if (dupArray[i].toLowerCase() == dupArray[j].toLowerCase())