javascript - jQuery 点击无法识别

Question

我这里有一个测试页面:http://www.problemio.com/test.php

如果您按“单击测试注册”，您会收到一份表格。如果在该表单上单击“登录”，它会识别出您单击了该按钮，并打开登录表单。

但问题是，在登录表单上，如果您按“创建配置文件”，它实际上会转到 href 标记的 url，而不是 jQuery 单击事件。

我的问题是这样做的最佳实践是什么？我继承了一种叫做“防止默认行为”的东西，但不确定应该如何/何时使用它。

我猜测，如果用户禁用了 JS，他们应该仍然能够登录。我该如何设置，以便用户可以首先以 jQuery 方式登录并创建帐户，如果他们可以使用某种默认方式JS 被禁用了吗？

谢谢!

Answer 1

您可以使用纯 jQuery 来完成此操作

 $("#createprofilelink").click(function(event) {
      event.preventDefault();
      {create profile logic}
 });

更多详细信息可以在 jQuery 文档 http://api.jquery.com/event.preventDefault/ 中查看。

编辑:我删除了这个，因为 @maxedison 评论说它会阻止 jQuery 事件触发，但我刚刚测试了这个，jQuery 事件触发了，但链接没有转到该地址。

 <a id="thelink" href="http://www.google.com" onclick="return false;">the link</a>
 <script>
      $('#thelink').click(function(){alert('alert me');});
 </script>

至于问题中的 JS 被禁用的部分，链接确实应该指向要填写的真实表单，正如 Taryn East 正确所说的那样，因此即使用户体验因不使用而降低，用户也可以获得相同的功能JavaScript。

你甚至可以走 noscript 路线

  <noscript>
        <div>Your user experience would be far improved if you 
        enable JavaScript but if you insist, 
        <a href="{real link}">Click Here to create your profile</a></div>            
  </noscript>