我希望隐藏表单并显示一条书面的成功消息，同时使用散列值重新加载页面
隐藏表单并显示一条书面的成功消息，同时使用散列值重新加载页面，可以通过以下步骤实现：
- 隐藏表单：在前端开发中，可以使用CSS的display属性将表单元素隐藏起来。例如，可以将表单的CSS样式设置为"display: none;"，或者使用JavaScript动态操作DOM来隐藏表单。
- 显示成功消息：可以在页面中添加一个用于显示成功消息的元素，例如一个<div>标签。通过JavaScript将成功消息内容插入到该元素中，然后设置元素的可见性为可见，例如设置CSS样式为"display: block;"。
- 使用散列值重新加载页面：可以通过在URL中添加散列值来重新加载页面。散列值是URL中#符号后的部分，可以使用JavaScript的location对象来修改URL的散列值。例如，可以使用location.hash = "newHashValue"来设置新的散列值，然后使用location.reload()方法重新加载页面。
以下是一个示例代码，实现隐藏表单、显示成功消息和使用散列值重新加载页面的功能：
<!DOCTYPE html>
<html>
<head>
<style>
.hidden-form {
display: none;
}
.success-message {
display: none;
}
</style>
<script>
function submitForm() {
// 隐藏表单
document.getElementById("myForm").style.display = "none";
// 显示成功消息
document.getElementById("successMessage").style.display = "block";
// 使用散列值重新加载页面
location.hash = "success";
location.reload();
}
</script>
</head>
<body>
<form id="myForm" class="hidden-form">
<!-- 表单内容 -->
</form>
<div id="successMessage" class="success-message">
成功消息内容
</div>
<button onclick="submitForm()">提交表单</button>
</body>
</html>请注意，上述示例代码仅用于演示目的，并不包含与腾讯云相关的产品和链接。如需了解腾讯云提供的相关产品和服务，请访问腾讯云官方网站。
相关·内容
我正在处理一个表单，当我提交时，我想隐藏表单，并在提交时显示一条成功的书面消息。我还希望能够使用散列值重新加载页面。我做了这个函数，它工作了，但我觉得它会给我一些重新加载的问题，因为表单再次出现，
浏览 6提问于2019-06-28得票数 0
2回答
我是一个非常新手(因为这是我正在学习的第一个框架)。我在我的控制器里得到了这个： { $this->load->view('account/register_success', $data);
浏览 0提问于2012-02-11得票数 4
回答已采纳
我更喜欢自己做所有的样式和JavaScript功能，所以在wp-config.php中我设置了以下内容：define( ‘WPCF7它会重新加载页面并显示成功消息。问题是，如果我再次刷新页面，它会重新提交表单。没有重新提交的post数据，所以CF7必须使用添加
浏览 4提问于2017-10-25得票数 1
1回答
我正在编写一个登录函数，应该通过AJAX工作。如果用户能够登录，则应该有两个新的cookie。如果不起作用(错误的电子邮件或密码)，则不会设置cookie。
我的问题是。我登录时，cookie已设置，但当它到达检查cookie的代码时，它是空的。当我重新加载我的页面时，cookie就在那里，一切都正常。为什么在AJAX请求之后cookie不可用？
浏览 1提问于2013-06-02得票数 2
回答已采纳
4回答
提交退货到主页
、、、、
我在我的网站上使用一个简单的PHP联系人表单，问题是当我发送一条消息时，单击我的提交按钮将返回到主页。我想避免这一点，并停留在页面上。Header PHP： } });我想这可能有点问题
<form role="form" me
浏览 1提问于2016-03-22得票数 1
在我的主页中，我定义了一个表单，它使用以下脚本发送邮件：它工作正常，但确认电子邮件已发送显示在一个新窗口中。我希望显示确认信息，而不是电子邮件表单。我怎样才能做到这一点呢？<form action=".
浏览 0提问于2010-08-25得票数 0
回答已采纳
我有一个在lightbox中完成的表单，一旦成功提交，它会显示一条成功消息，然后重新加载页面。如何延迟页面重新加载，以便用户有时间查看消息？使用下面的代码，一旦按钮被点击，延迟就会发生，它会挂起，并显示“mail : and‘t instantiate mail functi
浏览 10提问于2020-01-10得票数 0
回答已采纳
我是Django的新手，我被这个问题困住了。我试图创建一个登录页面，用户输入他/她的用户名和密码，然后提交到下一页。现在只是为了测试，当用户在我的登录页面中输入id和密码时，我想打印一个文本，上面写着“成功登录”了。, name = 'login'),
这是我的Views.py re
浏览 1提问于2020-01-01得票数 0
我有一个表格，可以从网站的任何页面调用和提交。触发器按钮位于站点的导航栏中，它将在类似模态的UI中显示表单，并通过AJAX调用处理提交操作。如果帖子成功返回，它将包含一个Location标头，其中包含需要在下面显示的页面的URL。
我需要浏览器总是重新加载页面时，重定向到这个返回的位置。如果我简单地执行window.location = xdr.getRespon
浏览 0提问于2013-11-28得票数 1
我的工作伙伴门户在动态365门户网站。在填写所需的详细信息并提交表单后，内容片段不会隐藏在表单提交上。它仍然与成功消息一起显示在页面上。
我在网页实体表单</e
浏览 8提问于2022-03-24得票数 0
我的应用程序使用JSP/JQuery/Bootstrap。我将使用一个简化的示例来帮助使我的问题尽可能简单。假设我有一个“查看用户”页面(例如：/myapp/user/55)，它将用户的属性显示为只读字段(例如“名字”、“姓氏”、“电子邮件地址”)，还有一个“编辑”按钮。这会导致向web服务器发送AJAX POST，并返回一条成功消息</em
浏览 0提问于2020-04-13得票数 1
1回答
我有一个结帐表单，其中包括一个输入优惠券代码的字段。目前，表单总是邮寄给支付商。但是，如果由于优惠券代码而到期的金额为0，我希望它采取不同的操作/路线。</form>
控制器方法check_coupon只是验证优惠券，并将表单中作为隐藏字段存在的一些变量设置为要发送给支付商。这包括一个名为@payment的变量，它指定要支付的金额。Ajax用于在屏幕上显示更新的和，但确保其安全check_coupon，而不是只显
浏览 0提问于2015-07-25得票数 0
回答已采纳
2回答
克服ajax页面刷新
、、、
我正在构建一个具有许多表单提交的应用程序，并使用ajax将数据发送到服务器(node js)。我有一个要在单击按钮时更新的表，在单击时，我需要加载一个微调器并调用ajax post请求到服务器。因此，在ajax成功时，我隐藏了load微调器并将数据更新到表中。同时，当ajax请求被调用，服务器端正在执行查询时，用户可能会重新加载页面</e
浏览 23提问于2020-05-27得票数 0
3回答
我需要我的div是打开的，如果页面是更改或刷新。我已经给了我的HTML和Javascript。这就是我的代码是实时的地方 $(".box2").toggle(function() {
$(this).next(".widget2
浏览 2提问于2012-07-28得票数 1
5回答
假设我有一个评论表单，我想防止不好的用户复制表单html源代码，并使用action属性在我的网站之外的其他地方使用它。这个想法是在页面中添加一个变量$ip，这个$ip是php文件(和表单)的位置(可能使用$_SERVER'PH
浏览 0提问于2011-08-23得票数 1
回答已采纳
1回答
我正在为一些ColdFusion表单制作一个验证码，我不明白为什么这不起作用。<cfset captcha = makeRandomString()>这些是我在加载表单时设置的变量。我可以把函数，makeRandomString放在这里，但它不应该对我的问题有任何影响。
基本上，无论出于什么原因，当我处理表单时，隐藏输入
浏览 0提问于2013-07-30得票数 2
回答已采纳
我试图登录到一个网站，并从那里，我想发送一条信息与可用的表单在那里。/> <input type="submit" value="Send" />我成功地输入了登录名并进入了message send form所在的<
浏览 1提问于2013-04-30得票数 1
3回答
我有一个联系表单，它是隐藏的，当页面加载。然后，可以通过单击contact form按钮查看contact form，使其slideUp和slideDown。问题是，当表单提交时，页面会刷新，如果有错误消息或成功消息，它会被隐藏，因为页面已重新加载，您必须单击“联系人表单”按钮才能看到它。我对jquery或ph
浏览 2提问于2013-06-25得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
