javascript - 如何使用 jQuery 使表单输入字段充当链接？

Question

我的页面上有一个表单，其中包含两个文本字段和一个提交按钮。在短时间内，我想做的是使按钮和文本字段都像指向同一事物的链接一样。单击其中任何一个时，我希望出现一个“是/否”对话框，其中显示“表单正在维护中。您将被重定向到某某页面。继续吗？” No 关闭且不执行任何操作，Yes 会将您发送到该 URL。

这可能吗？如果是这样，如何使用 vanilla js 或 jQuery 来实现？

Answer 1

您可以将处理程序附加到所有这些输入字段上的单击事件。然后，您可以使用确认功能来提示用户，并在用户选择“确定”时重定向用户。

HTML:

<input type="text" />
<input type="text" />
<input type="submit" />

jQuery:

   $("input").click(function(){
       if(window.confirm("Form under maintenance. You're being redirected to such and such page. Proceed?")){
           location.href = "http://example.com/temp_page";
       }
    });