JS/jQuery

Диалоговые окна JS

1

Сообщение «Alert»

alert('Сообщение');

Метод выводит диалоговое окно с сообщением и кнопкой «ОК».

Сообщение «Alert»

Пример использования:

<a href="#" onclick="alert('Сообщение'); return false;">Нажми меня</a>
2

Подтверждение действия «Confirm»

if (confirm('Вопрос')) { 
    ...
}

Возвращает true в случае если пользователь нажал «ОК», и false при отмене.

Подтверждение действия «Confirm»

<a href="#" onclick="reload_page(); return false;">Нажми меня</a>

<script>
function reload_page(){
    if (confirm('Сделать фон черным?')) {
        $('html,body').css({'background': '#000'});
    }
}
</script>

В действии:

3

Поле для ввода «Prompt»

var value = prompt('Вопрос', 'Значение по умолчанию');

Диалоговое окно для ввода строки, если нажата кнопка «Отмена» возвращает null.

Поле для ввода «Prompt»

<a href="#" onclick="$(this).html(prompt('Введите текст')); return false;">Нажми меня</a>
14 июня 2019
Применение масок ввода у полей форм значительно упрощает их использование, уменьшает количество ошибок и приводит...