JoomDom - Скачать шаблоны для Joomla, модули и компоненты для сайтов бесплатно.

Карта сайта Контакты Главная

Полезности

Наши партнеры

1  2  3  4  5  5  7  8 

Авторизация

Опрос

Мои среднемесячные расходы на хостинг

Больше 1001 руб.
От 501 до 1000 руб.
От 201 до 500 руб.
от 1 до 200 руб.
Пользуюсь бесплатным

Реклама

Реклама

Реклама

Реклама

Счетчики


Яндекс.Метрика

Настройка
Вид кредитной карты должен быть простым. Вот четыре поля, которые должна иметь каждая форма кредитной карты.
Работать вы будете в разных программах, и в Excel в том числе, программа довольно сложная, и для нормальной работы вам нужен репетитор Excel.

Наименование обладателя карты номер, карты секретный шифр (также известный как CVV / CVC / CID) Дата истечения срока действия.

Все, что нам нужно сделать, это создать и добавить все необходимые поля ввода. Для полей владельца, номер карты, и CVV мы будем использовать текстовые поля. Для срока годности мы поместим комбинацию из двух селекторов с заранее определенными параметрами.

Кроме того, наша форма будет иметь заголовок, кнопки, и изображение популярных поставщиков кредитных карт. Так как мы работаем с Bootstrap немного дополнительной разметки, но это помогает сохранить код организованным и расположение адаптивным.


Валидация


Все проверки мы покажем на стороне клиента и созданы они исключительно с помощью javascript. Если вы заинтересованы в том, чтобы создать форму валидации с помощью HTML вы можете прочитать эту статью.


Затем, используя Payform.js, мы превратим наши основные поля ввода в специализированные для установления информации кредитной карты. Нам просто нужно правильно назвать функции и библиотека будет автоматически обрабатывать форматирования текста и максимальную длину строки для нас:


Далее было бы неплохо добавить обратную связь в системе настоящего периода для пользователей, в то время как они печатают информацию в формы. Для этого мы напишем простую функцию, которая делает две вещи:

Проверяет, правильную информацию вводит пользователь. Добавляет соответствующую окраску в текстовое поле. В зависимости от входных данных определяет тип карты: Vlsa, MastterCard или Amerlcan Express. Это делается с помощью метода payform.paarseCardType().


Поскольку мы хотим выполнять вышеуказанные действия каждый раз, когда новый пользователь набирает, мы будем использовать обработчик событий JQuery KeyUp().


Существует еще одна вещь, которую мы должны делать, и это проверить, все ли поля получили достоверные данные, когда пользователь пытается отправить форму.

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







Опубликовано: 20-08-2017, 22:08   Комментариев Категория: Статьи Просмотров Просмотров: 169

Другие новости на эту тему:

Теги к статье:

Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь. Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.

Информация

Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.