jquery - 使用 jQuery，如何强制访问者滚动到文本区域的底部以启用提交按钮？

Question

我有一个注册表单，其中包含一个只读文本区域。我想要求任何访问者在启用提交按钮提交信息之前滚动到文本区域的底部，其中包含条款和条件或许可协议(protocol)。

这是示例 CSS 代码:

textarea {      
  width: 240px;
  height: 200px;
  overflow-y: scroll;
}

下面是示例 HTML 代码:

<form action="action.php">
  <label for="email">Email Address</label><input type="text" id="email" />
  <textarea readonly>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</textarea>
  <input class="submit" type="submit" value="Register your info" id="register"/>
</form>

是否应该将 disabled 属性放入提交输入中？

我们已经在使用 jQuery 库，因此我想继续使用 jQuery 来启用此验证来控制提交问题。感谢您的帮助和建议!

Answer 1

这样的事情应该有效:

$('#terms').scroll(function () {
    if ($(this).scrollTop() == $(this)[0].scrollHeight - $(this).height()) {
        $('#register').removeAttr('disabled');
    }
});

只需为术语提供一个 ID，然后在 html 中将注册按钮设置为禁用即可。我还做了一些小改动来展示它的工作原理:http://jsfiddle.net/ETLZ8/