Альтернатива предупреждению JavaScript в коде PHP

0

Я не хотел задавать новый вопрос, поэтому я везде оглядывался, но я не могу найти решение моего вопроса. Поэтому, в основном, я хочу найти альтернативный способ запросить пользователя с полем сообщения в определенном состоянии. В настоящее время у меня есть рабочая форма, написанная в файле PHP, и это заставляет пользователя вводить действительный адрес электронной почты. Если они этого не сделают, появится окно с предупреждением о том, чтобы сделать это. Все в порядке и хорошо работает, но я хотел получить более красивое, стилизованное окно оповещения. Я читал об использовании JQuery, но даже используя это, я не смог это сделать. Я думаю, что, возможно, я сделал что-то неправильно, заметьте. Но все же, вот текущий код, который у меня есть:

    if ($mailcheck==FALSE)
  {
  echo '<script type="text/javascript">alert("Please enter a valid email address!");
  window.location.href="../index";
  </script>';
  }
else
  {
  $from = $_POST["from"]; // sender
  $subject = $_POST["subject"];
  $message = $_POST["message"];

Где у меня есть окно Javascript Alert, как я могу заменить его специальным полем? Извините, если мой вопрос кажется немного плохо сформулированным.

  • 0
    jqueryui.com/dialog
  • 1
    Попробуйте использовать CSS !
Показать ещё 6 комментариев
Теги:

1 ответ

0

Вероятно, наиболее удобным способом является использование jQuery UI. Но вы также можете создать свой собственный HTML/CSS и некоторый JavaScript.

EDIT: Вот пример использования диалогового окна jQueryUI:

<html lang="en">
<head>
    <meta charset="utf-8">
    <title>jQuery UI Dialog - Default functionality</title>
    <link rel="stylesheet" href="//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
    <script src="//code.jquery.com/jquery-1.9.1.js"></script>
    <script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
    <link rel="stylesheet" href="/resources/demos/style.css">
    <script>
    $(function() {
        $( "#dialog" ).dialog();
    });
    </script>
</head>
<body>

<div id="dialog" title="Basic dialog">
    <p>This is the default dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the 'x' icon.</p>
</div>

</body>
</html>
  • 0
    В отправленной мной ссылке ( jqueryui.com/dialog ) нажмите «просмотреть исходный код», и вам будет показан пример с открытым кодом. Для всех примеров и свойств, вы можете проверить эту ссылку: api.jqueryui.com/dialog . Как вы можете видеть, он поддерживает несколько опций для настройки вашего собственного окна. Я надеюсь, что это может помочь, если вы застряли, не стесняйтесь спрашивать.
  • 0
    Ну, во-первых, я здесь не для голосования, но чтобы помочь. С другой стороны, я пытался вставить HTML-код, но мне не удалось, мне нужно было время, чтобы выяснить, как это сделать правильно. Теперь наконец я получил это работать.

Ещё вопросы

Сообщество Overcoder
Наверх
Меню