javascript - onsubmit 返回确认转到 url

Question

我有一个表单确认弹出窗口。仅当用户未登录时才会显示弹出窗口。

<form method="post" action="http://domain.com/go-here.php" <?php if (sw::shared()->session->user_type !== 'customer') { ?>onsubmit="return confirm('You must be logged in to register for this game. Press ok to go to the login page.');"<?php } ?>

当用户在弹出窗口中单击“确定”时，我希望它将他们带到 http://domain.com/log-in.php而不是原始表单操作目标。

我可以使用内联 JS 来实现这一点吗？

Answer 1

session->user_type !== 'customer') { ?>onsubmit="var conf = confirm('You must be logged in to register for this game. Press ok to go to the login page.'); if (conf == true) { console.log('said yes');} else { console.log('said no');}"

确认对话框必须分配给一个变量，以便可以访问确认状态(“确定”时返回 true，“取消”时返回 false)。

[编辑:回答你的下一个问题

为了防止点击提交按钮时提交表单，您需要捕获提交按钮的点击并使用事件方法 e.preventDefault() 。然而，由于多种原因，内联执行此操作很困难。如果它必须是内联的:最好的选择是使用 <input type='submit' /> 以外的按钮提交您的表格。因此，为您的表单提供一个 id，以便您可以在 onclick 中获取它。你的按钮。本质上，你将拥有

<button onclick='var conf = confirm("blah blah"); if (conf == true) { document.getElementById("myForm").submit();} else { console.log("they hit cancel");}'>SUBMIT</button>

]