Question

我希望禁用四个链接，直到用户点击特定链接并完成注册。

以下是它的样子。

链接1 链接2 链接3 链接4 链接5

我想禁用链接1以外的链接，以便用户点击它并完成注册。完成注册后，表中的状态字段将更改为“C”。只有在此之后才能启用其他四个链接。您能否建议使用JS或PHP实现此目的。

这就是我的尝试。

链接1 IF（mysqli_query（）==指定条件）//查询是否在数据库中设置了特定值 { 链接2 链接3 链接4 链接5 }

但通过这种方式，只有通过点击链接1完成注册，所有四个链接才会出现。如何在注册完成之前将四个链接显示为已禁用。

Answer 1

我会用php做到这一点。有一个简单的if语句来检查链接1是否竞争，如果是，则显示其他链接，否则什么都不做。

如果你想用JavaScript做这件事，你可能希望在表单进程结束时进行Ajax调用，无论如何你都需要这样做，但你可以只返回一个可以切换的Ajax调用的值链接“on”或触发php。 php将需要刷新，因此根据站点的流程，返回将链接“打开”的内容可能是有意义的。您甚至可以查看返回的HTML标记，并将其附加到Navbar。

考虑到这一点，当用户使用JavaScript点击提交时，您甚至可以激活链接。缺点是链接已经显示，因此链接1可以很容易地被绕过。仅取决于您的目标用户以及需要的安全性。

OP添加代码后编辑： LINK 1 IF (mysqli_query()== Condition specified ) //To query if the particular value is set in the database { Link2d Link3d Link4d Link5d } else { Link2a Link3a Link4 aLink5a }

其中d被禁用且a处于活动状态。

Answer 2

这是您的问题的开始。它使用jQuery来保存链接，直到提交表单。点击提交后，它将填写链接。您还应该在表单和诸如此类的内容中添加验证。 Working jsfiddle

<html>
<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

<script>
$(document).ready(function(){
    $("input#submit").click(function(){
        event.preventDefault();
        $("ul#navbar").html('<li><a href="page1.html">Link 1</a></li><li><a href="page2.html">Link 2</a></li><li><a href="page3.html">Link 3</a></li><li><a href="page4.html">Link 4</a></li><li><a href="page5.html">Link 5</a></li>');
        $("td").text('C');
    });
});
</script>
</head>
<body>

<ul id="navbar">
    <li><a href="#">Link 1</a></li>
    <li>Link 2</li>
    <li>Link 3</li>
    <li>Link 4</li>
    <li>Link 5</li>
</ul>
<form action="#" method="POST">
<input type="submit" id="submit" value="submit" />
</form>
<table border="1px solid black">
<tr><th>Form</th></tr>
<tr><td></td></tr>
</table>

</body>
</html>

如何在数据库中设置值之前禁用HTML中的链接

2 个答案: