使用jquery链接

时间:2013-09-02 00:40:23

标签: javascript jquery html

我有一个表单,当有人使用onclick=""单击按钮时显示该表单,如果他们提交了该表单,并且信息都正确,那么它们会被重定向到另一个页面,但是如果信息是不正确然后显示错误。我的问题是人们总是必须单击按钮才能显示表单甚至显示错误,有没有办法我可以做mysite/index.php# show_form_by_default或者我可以重定向的东西,以便他们可以查看表单而不必假设它有错误,请单击它。

 <a id="button1" class="submit" onclick="$('#form').show('slow'); $(this).hide('slow');">Form</a></p>

    <div class="box" id="form" style="text-align: center; display: none;">


<form class="notice" action="form.php" method="post">
    form stuff here
</form> 
    </div>

基本上,如果有办法默认通过URL显示表单吗?

1 个答案:

答案 0 :(得分:3)

试试这个:

<script type="text/javascript">
    $(document).ready(function(){
        var hash = window.location.hash.toLowerCase();
        if(hash == "#show_form_by_default")
        {
            $('#button1').hide();
            $('#form').show();
        }
    });
</script>

如果要监视散列中的更改(即在不导航的情况下设置散列的同一页面上的链接,您可以使用以下代码:

<script type="text/javascript>
    $(document).ready(checkHash);   
    var oldHash = null;
    function checkHash()
    {
        var hash = window.location.hash.toLowerCase();
        if(oldHash != hash)
        {
            if(hash == "#show_form_by_default")
            {
                $('#button1').hide();
                $('#form').show();
            }
            oldHash = hash;
        }
        setTimeout(checkHash, 100);
    }
</script>

根据您希望检查更改的频率,将超时间隔修改为您想要的长或短。