Question

我有一个HTML表单，当用户在警报框中单击“是”时应执行该表单。

我需要什么：

警报框window.on是，带有“是”和“否”选项
如果单击“是”，则必须执行提交表单
如果单击“否”，则用户将被重定向到上一页

因此，基本上，当用户在警报框中单击“是”时，我需要一个onclick事件。

找不到任何有用的东西。

这是我的表格。

        <form id="loginForm" name="login" method="post" action="">
            <input id="name" name="name" value="<?php echo "$name";?>" class="rounded" title="No special characters" hidden/>
            <input id="email" name="email" value="<?php echo "info@info.com";?>" class="rounded"  title="No special characters" hidden/> 
            <input type="submit" class="blueButton" value="START CHAT" />
        </form>

Answer 1

第一件事-您需要在 input 标记中用正确的引号写入 value 属性的值。您应该使用模板文字，或者使用转义字符，或者简单地将外部字符串用双引号引起来并将内部字符串用单引号引起来（反之亦然）。

然后，您需要在 window.onload（）方法下定义的提示。如果用户单击 OK ，您将在窗口中找到具有给定名称的表单并将其提交。如果用户单击取消，则只需将用户重定向到其他页面。

请注意，您需要为表单标记中的 action 属性定义一个值。

$(window).on("load", function() {
  if (confirm("Are you sure you want to start chat?")) {
    // submit form (define an action in the form tag; currently redirecting to some page, let's say action_page.php)
    document.forms["login"].submit();
  } else {
    //redirect to some other page
  }
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<form id="loginForm" name="login" method="post" action="/action_page.php">
    <input id="name" name="name" value='<?php echo "$name";?>' class="rounded"
    title="No special characters" hidden/> <input id="email" name="email"
    value='<?php echo "info@info.com";?>' class="rounded" title="No special
    characters" hidden/>
    <input type="submit" class="blueButton" value="START CHAT" />
</form>

Javascript-Onload函数，当用户单击警报按钮时提交html表单

1 个答案: