仅使用 html 创建带有条款和条件的表单提交重定向？答案

【问题标题】：Create a form submission redirect with terms and conditions using ONLY html?仅使用 html 创建带有条款和条件的表单提交重定向？
【发布时间】：2014-02-07 05:16:37
【问题描述】：

我不知道这是否可能，但有什么方法可以创建一个具有条件提交按钮（带有“条款和条件”复选框）的表单，其中提交按钮在完成后重定向到另一个页面，如果他们没有选中“条款和条件”框，则阻止访问该页面（例如，如果他们试图仅输入目标页面的 url，他们将无法这样做），并且只执行所有这些操作使用 html？我对编码知之甚少，但我在这里找到的其他类似答案要么在代码中有 javascript/php/其他非 html 元素的元素（这对我的目的不起作用），要么他们没有我需要的所有元素（条款和条件、提交按钮、重定向）。我将如何完成这项任务？

【问题讨论】：

为了防止用户在没有同意的情况下输入目标 URL，目标页面需要有某种验证码来验证用户是否同意您的条款。如果不使用某种类型的代码（服务器端或客户端），我想不出办法来做到这一点。

标签： html forms redirect submit

【解决方案1】：

您的第一个问题的答案是：否。仅使用 HTML 无法完成您想要的。

回答您的第二个问题：JavaScript 可用于要求选中您的 HTML“条款”复选框以提交您的表单（其操作可能是您希望“重定向”到的页面）。 Krish 的 JS 非常适合这个例子。

但是，用户被“重定向”到的页面可以通过直接访问来访问。防止这种情况完全不同。

【讨论】：

【解决方案2】：

您可以使用 Jquery 或 Javascript 实现此目的，

Jquery：

    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
    <script>
        $(document).ready(function(){
            $( "#submit-button" ).click(function( event ) {           
               var isChecked = $("#terms").is(":checked");

               if(!isChecked){    
                   alert("Select Terms!");         
                 return false;
               }
            });        
        });
    </script>

HTML：

 <form id="yourform" method="post" action="yourpage.php">
            <input id="terms" name="terms"  type="checkbox" value="yes"> Terms

             <input type="submit" value="Submit" id="submit-button" name="submit" />
    </form>

【讨论】：