使用锚提交到同一页面

Question

我正在尝试了解表单是如何工作的，到目前为止，我了解到我可以通过提交表单并刷新到同一页面

> action="<?php echo htmlspecialchars($_SERVER["PHP_SELF"]);?>"

然后捕获错误或没有空白输入。

但是，假设我在页面中有锚点（换句话说，如#ContactUs 之类的部分），如何使用操作刷新页面以到达该特定位置而不是返回页面顶部？

提前谢谢大家

下面是部分代码：

 <form method="post" action="<?php echo htmlspecialchars($_SERVER["PHP_SELF"]);?>">  
        <h2>SEND US A MESSAGE!</h2>
        <span>We'd be happy to hear from you.</span>
        <input name="contactname" placeholder="Name" type="text" value="<?php echo $contactname;?>"/> <span class="error"> <?php echo $contactnameErr;?></span>
        <input name="contactemail" placeholder="Email" type="text" value="<?php echo $contactemail;?>" /><span class="error"> <?php echo $contactemailErr;?></span>
        <input name="contactphone" placeholder="Phone #" type="text" value="<?php echo $contactphone;?>" /><span class="error"> <?php echo $contactphoneErr;?></span>
        <input name="contactsubject" placeholder="Subject" type="text" value="<?php echo $contactsubject;?>" /><span class="error"> <?php echo $contactsubjectErr;?></span>
        <textarea name="contactmessage" placeholder="Message"><?php echo $contactmessage;?></textarea><span class="error"> <?php echo $contactmessageErr;?></span>
        <input type="submit" name="submit" value="Send" class="contact-button" />
     </form>

Answer 1

例如，您应该对其进行验证

<?php 
 if(isset($_POST['submit'])){
    //then do something
    header("Location: #contactus");
   }
?>

所以这样即使你加载，也不给你空，也不要求你重新提交

Answer 2

你可以使用我下面给出的 jQuery

<?php

    if(isset($_POST['submit']))
    {

        //
        //sql query and display
        //

        ?>
        <script>
            $(function() {
                $('html, body').animate({
                    scrollTop: $("#contactus").offset().top
                }, 2000);
             });
        </script>
        <?php

    }

    ?>