Проверка с помощью JavaScript из списка

Question

Я пытаюсь проверить форму, поданную через JavaScript.Идея состоит в том, что в поданной форме есть список допустимых значений, и работают только эти значения.Поэтому, если поле черное, оно сообщит, что идентификатор неверен.Если в поле есть ввод, которого нет в списке, будет отображаться, что идентификатор неверен.Я подошел близко.Мне просто нужно немного больше направления.

Вот мой код:

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

Изменить это:

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

к этому:

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

если вы используете jQuery.

---

Если у вас нет jQuery на странице, замените его следующим образом:

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

Обратите внимание, что этот метод не будет работать в IE <9. Используйте <a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Array/indexOf#Compatibility" rel="nofollow"> полифилл, предоставленный здесь , чтобы добавить поддержку indexOf к более старым версиям IE.