在表单提交后才显示Div标签可以通过以下几种方式实现:
示例代码:
document.getElementById("myForm").addEventListener("submit", function(event) {
event.preventDefault(); // 阻止表单默认提交行为
// 获取表单数据
var formData = new FormData(event.target);
// 判断表单数据是否满足条件
if (formData.get("username") !== "" && formData.get("password") !== "") {
// 显示Div标签
document.getElementById("myDiv").style.display = "block";
}
});
示例代码(使用PHP):
<?php
if ($_SERVER["REQUEST_METHOD"] == "POST") {
// 处理表单数据
// 判断表单数据是否满足条件
if ($_POST["username"] !== "" && $_POST["password"] !== "") {
// 显示Div标签
echo '<div id="myDiv" style="display: block;">This is the Div content.</div>';
}
}
?>
示例代码(使用jQuery):
$("#myForm").submit(function(event) {
event.preventDefault(); // 阻止表单默认提交行为
// 获取表单数据
var formData = $(this).serialize();
// 发送AJAX请求
$.ajax({
url: "submit.php", // 服务器端处理脚本的URL
type: "POST",
data: formData,
success: function(response) {
// 判断服务器返回的数据
if (response === "showDiv") {
// 显示Div标签
$("#myDiv").show();
}
}
});
});
以上是三种常见的实现方式,根据具体情况选择适合的方式来实现在表单提交后显示Div标签。
前文索引: ASP.NET Core教程【一】关于Razor Page的知识 在layout.cshtml文件中,我们可以看到如下代码: RazorPagesMovie 这段代码中用到asp-page这样的一个特有属性,这是razor page特有的, 这是一个锚点属性,它的值将被编译到a标签的href属性上; 跟多的时候,我们会像下面这样使用锚点属性 <a asp-controller="Speaker" asp-
领取专属 10元无门槛券
手把手带您无忧上云