Показать сообщение отдельно
  #1 (permalink)  
Старый 16.05.2015, 15:20
Интересующийся
Отправить личное сообщение для TRIGUN Посмотреть профиль Найти все сообщения от TRIGUN
 
Регистрация: 13.04.2014
Сообщений: 26

Поиск числа из массива (доработка скрипта)
Здравствуйте. Прошу помочь с доработкой скрипта.
Собственно сам скрипт устанавливается на обычной HTML страничке.
Есть список определенных кодов (купонов) и в итоге нужна форма для проверки этих кодов на подлинность (соответствие).

Вот что есть на данный момент (скрипт + css + сама форма):

$(function () {
  var array = [123, 1234, 12345],
      $input = $('[data-type="search"]'),
      $button = $('[data-action="search"]');

  $button.on('click', function(e) {
    var object = parseInt($input.val()),
        answer = $.inArray(object, array);

    if ( answer == '-1' ) { 
      alert("Наши купоны: " + array + ". Купона №" + object + " нет в массиве.");
		}
    else {
      alert("Наши купоны: " + array + ". Купон №" + object + " есть в массиве под номером " + answer + '.');
    }
    e.preventDefault();
  });
});


@import "compass/css3";

body{
  background: #f0f0f0;
}
.form-container{
  padding: 20px;
}
.form{
  width: 300px;
  margin: 0 auto;
  padding: 20px;
  background: #fff;
}
.form-field,
.form-label,
.form-submit{
  display: block;
}
.form-input,
.form-submit{
  width: 100%;
  padding: 10px;
}
.form-input{
  box-sizing: border-box;
  margin: 10px 0;
}


<div class="form-container">
  <form class="form">
    <label class="form-field">
      <span class="form-label">Введите номер купона:</span>
      <input class="form-input" type="text" data-type="search">
    </label>
    <button class="form-submit" data-action="search">Найти</button>
  </form>
</div>



Или же как вариант ссылка на codepen http://codepen.io/dpismenny/pen/VLLNgw

ЧТО НУЖНО:
Чтобы сообщение о проверке выводилось не в виде всплывающего окна, а сразу под самой формой в виде "Да, код верный" и "Нет, код не верный". И без перезагрузки окна конечно же.
Ответить с цитированием