Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/466.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何将表单重定向到其他页面的某个部分?_Javascript_Java_Html_Jsp_Servlets - Fatal编程技术网

Javascript 如何将表单重定向到其他页面的某个部分?

Javascript 如何将表单重定向到其他页面的某个部分?,javascript,java,html,jsp,servlets,Javascript,Java,Html,Jsp,Servlets,我的Web应用程序上有一个联系我们表单。我想要的是,当用户填写表单并单击submit按钮时,它应该重定向到其他页面的部分 在当前情况下,在加载ContactUsServlet.jsp页面后,应显示contact99部分。以下是我的代码:- 联系我们表格:- <form action="ContactUs" method="post"> <p><input class="w3-input w3-border" type="text" id="name" n

我的Web应用程序上有一个联系我们表单。我想要的是,当用户填写表单并单击submit按钮时,它应该重定向到其他页面的部分

在当前情况下,在加载ContactUsServlet.jsp页面后,应显示contact99部分。以下是我的代码:-

联系我们表格:-

<form action="ContactUs" method="post">
      <p><input class="w3-input w3-border" type="text" id="name" name="name" placeholder="Name" required name="Name"></p>
      <p><input class="w3-input w3-border" type="text" id="email" name="email" placeholder="Email" required name="Email"></p>
      <p><input class="w3-input w3-border" type="text" id="subject" name="subject" placeholder="Subject" required name="Subject"></p>
      <p><input class="w3-input w3-border" type="text" id="message" name="message" placeholder="Message" required name="Message"></p>
      <p>
      </div>
        **<button class="w3-button w3-black" onclick="on()" type="submit">
          <i class="fa fa-paper-plane"></i> SEND MESSAGE
        </button>**
      </p>
    </form>
    <!-- Image of location/map -->
    <img src="/w3images/map.jpg" class="w3-image w3-greyscale" style="width:100%;margin-top:48px">
  </div>
ContactUsSuccess.jsp:-

<!-- Contact Section -->
<div id="contact99">
<div class="alert alert-success">
  <strong>Success!</strong> Message sent successfully. Please check your mail for further details
</div>
</div>

成功消息已成功发送。请查看您的邮件以了解更多详细信息

谢谢

有什么问题吗?对我来说很合适-也许不是用
/
-我希望是
ContactUsSuccess.jsp#contact99
/ContactUsSuccess#contact99
谢谢。jsp#contact99对我来说很有效。它可以在页面上滚动到#contact99部分。你知道有什么技术可以直接在#contact99部分打开它吗?Ajax可以做到这一点。多谢了,有什么问题吗?对我来说很合适-也许不是用
/
-我希望是
ContactUsSuccess.jsp#contact99
/ContactUsSuccess#contact99
谢谢。jsp#contact99对我来说很有效。它可以在页面上滚动到#contact99部分。你知道有什么技术可以直接在#contact99部分打开它吗?Ajax可以做到这一点。谢谢
<!-- Contact Section -->
<div id="contact99">
<div class="alert alert-success">
  <strong>Success!</strong> Message sent successfully. Please check your mail for further details
</div>
</div>