jquery焦点与ipad上的复选框无法正常工作

时间:2014-03-27 11:02:22

标签: jquery ipad jquery-mobile

我有一个简单的表单,用户必须在提交表单之前选中复选框,如果该复选框没有选择焦点,则应该转到该复选框。它在所有浏览器上运行良好,但它不适用于iPad。知道原因可能是什么?

<form name="test" action="" method="post"> 
    <input type="checkbox" name="terms" id="terms"/> 
    <input type="submit" value="submit" onclick="return check();"/> 
</form> 
<script> 
    function check(){ 
        var ischecked = document.getElementById("terms").checked; 
        if(!ischecked) { 
            document.getElementById("terms").focus(); 
            return false; 
        } 
    } 
</script>

感谢

1 个答案:

答案 0 :(得分:0)

迟到的回复,但我遇到了同样的问题。看起来移动safari不喜欢专注于复选框。对我有用的是使用scrollIntoView()然后显示验证消息(使用Jquery验证)。该元素实际上并未集中,但是对于用户将立即看到验证消息并知道需要哪些操作来满足我的需求。

document.getElementById('terms').scrollIntoView();