我有一个包含只读文本区域的注册表单.在提交按钮启用提交信息之前,我想要求任何访问者滚动到textarea的底部,其中包含条款和条件或许可协议.
以下是示例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,sunt in culpa qui officia deserunt mollit anim id est laborum.</textarea> <input class="submit" type="submit" value="Register your info" id="register"/> </form>
残疾人属性是否已被放入提交输入?
我们已经在使用jQuery库了,所以我想继续使用jQuery来启用这个验证来控制提交问题.感谢您的帮助和建议!
解决方法
这样的事情应该有效:
$('#terms').scroll(function () { if ($(this).scrollTop() == $(this)[0].scrollHeight - $(this).height()) { $('#register').removeAttr('disabled'); } });
简单地给出一个id,并将注册按钮设置为在html中禁用.我也做了一个小提琴,显示它工作:http://jsfiddle.net/ETLZ8/