Меню
раздел: Promt js

Модальное окно Prompt JavaScript (prompt js)

Окно JavaScript Prompt предназначено для получения ответа от пользователя которое тот может оставить в текстовом поле которое выводится в этом окне, а также Вы можете сразу показать пользователю свои сообщения.
// txt - Текст сообщения для пользователя в окне он располагается над текстовым полем
// MesInField - Ответ пользователя или сообщение от разработчика в текстовом поле
// В переменной result будет сохранено введённое в текстовом поле значение  MesInField
result = prompt('txt', 'MesInField');
В методе window.prompt() два параметра но если выводить сообщение для пользователя в текстовом поле не нужно - то в качестве второго параметра необходимо указать "" (двойные кавычки без пробела) - второй параметр необходимо указывать всегда - для корректной работы программы в разных браузерах.

Prompt - это модальное окно оно прерывает выполнение текущего скрипта до тех пор пока пользователь не нажмёт на одну из кнопок и окно не будет закрыто т.е. отдельно проверять закрытие окна Promt не надо (если сценарий не выполняется значит окно не закрыто).
Кнопки "ОК" и "Cancel" дают возможность закрыть окно при этом будет возвращено только одно заначение.

При нажатии на "Cancel" будет возвращено значение null - вне зависимости от того, какая строка указана в текстовом поле окна Promt js.

При этом значение null, пустая строка, нажатие клавиши Esc - в условном операторе (if...else) истолковывается как false.

В примере с использованием метода prompt() рассмотрен вариант проверки пароля - модальное окно не будет закрыто до тех пока пользователь не введёт правильный пароль - слово user
 Пример окна Promt()
 
 <html>
 <head>
 <title>
 </title>
 </head>
 <body>
 <center>

 <script type="text/javascript">

 // Выводить окно до тех пор пока не будет правильно введён пароль "user"
   while(prompt('Что бы войти авторизуйтесь', 'Введите пароль в это поле') != 'user')
   {
    alert('Это неправильный пароль, пожалуйста, введите пароль еще раз ') ;
   }

  // Эта строка выполнится после закрытия модального окна promt
 // которое закроется когда будет введён правильный пароль
  document.write('Добро пожаловать! Пароль введён верно!');

 // Закрываем поток, направленный в документ
  document.close();

 </script>


 </center>
 </body>
 </html>
 
Ещё в этом разделе: