TRIGUN,
раздел работа - требуется указать сумму и надеюсь вы понимаите что любой может увидеть нужные номера и такую проверку лучше делать на сервере.
<!DOCTYPE html><html class=''>
<head><meta charset='UTF-8'>
<style class="cp-pen-styles">
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,
.form-span {
width: 100%;
padding: 10px;
}
.form-input, .form-span{
box-sizing: border-box;
margin: 10px 0;
}
.form-span {
display: inline-block;
border: #ABADB3 1px solid;
text-align: center;
}
</style></head><body>
<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>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script>
$(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), text, span;
if (answer == '-1') {
text = 'Нет, код не верный';
} else {
text = 'Да, код верный';
}
span = $(this).next().length ? $(this).next() : $('<span/>' , {"class" : "form-span"}).insertAfter(this);
span.text(text);
e.preventDefault();
});
});
</script>
</body></html>