Question

I’m trying to validate a form filed via javascript. The idea is that the form filed has a set list of accepted values and only these values work. So if the field is black it will alert that the ID is incorrect. If the field has input which is not in the list it will display that ID is incorrect. I have gotten close. I just need a little more direction.

Here is my code:

script type="text/javascript">
        function validateForm()
        {
            var x=document.forms["dispatch"]["ID1"].value;
            var arr=["CA238", "Pete", "John"];
            if x==(.inArray(inputVal, arr) > -1)
            {
  alert("Correct Dispatcher ID Required");
  return false;
  }
}
</script>

<form id="form_242533" class="appnitro" name="dispatch" onsubmit="return validateForm()" method="post" action="<?php echo $_SERVER["PHP_SELF"]?>">
<li id="li_9" >
            <label class="description" for="element_1">Dispatch ID</label>
        <div>
            <input id="element_1" name="ID1" class="element text medium" type="text"  value=""/> Put your assigned dispatcher ID
        </div> 
        </li>

                    <li class="buttons">
                <input type="hidden" name="Submit" value="Submit" />

                <input id="submit" class="button_text" type="submit" name="submit" value="Submit" />
                <input type="reset" />

        </li>
            </ul>
        </form>

Answer 1

Change this:

if x==(.inArray(inputVal, arr) > -1)

to this:

if ($.inArray(x, arr) == -1)

if you’re using jQuery.

---

If you don’t have jQuery on the page, change it to this instead:

if (arr.indexOf(x) == -1)

Note however, that this method won’t work in IE < 9. Use the polyfill provided here to add indexOf support to older versions of IE.