Question

我不想问一个新问题，所以我四处看看，但我似乎无法找到解决问题的方法。所以基本上，我想找到另一种方法来提示用户在某种情况下使用消息框。目前，我有一个用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提醒框，如何将其替换为自定义框？对不起，如果我的问题看起来有点措辞不足。

Answer 1

可能最舒服的方法是使用jQuery UI。但你也可以使用HTML / CSS和一些JavaScript制作自己的。

编辑：以下是使用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>

替代PHP代码中的Javascript警报

1 个答案: