gpt4 book ai didi

.net - 网络表单中的进度条

转载 作者:行者123 更新时间:2023-12-05 01:26:19 24 4
gpt4 key购买 nike

我正在 .net 中创建一个网络表单,其中大约有 14 个字段。我想在 webform 的末尾创建一个进度条,它将显示表格完成。如果表单的所有字段都已填写,那么它将显示 100% 正在进行中bar 否则它会根据表单状态显示一些百分比。

我如何在 .Net 中完成此操作。是否有针对此特定工作的任何类型的 ajax 扩展器

最佳答案

您可以只使用两个 div,并调整内部 div 的大小以显示进度,如本例所示。编辑字段时,调用“检查”函数,检查字段并更新进度条。

<html>
<head>
<script type="text/javascript">
function check() {
var completion = 0;
if (document.getElementById("field1").value != "") {
completion++;
}
if (document.getElementById("field2").value != "") {
completion++;
}
if (document.getElementById("field3").value != "") {
completion++;
}
document.getElementById("progressbar").style.width = completion*20+"px";
}
</script>
</head>
<body>
<form action="script.aspx" method="GET">
Name: <input type="text" id="field1" onchange="check()" /><br />
Tel No.: <input type="text" id="field2" onchange="check()" /><br />
Email: <input type="text" id="field3" onchange="check()" /><br />
Completion: <div style="width: 60px; height: 10px; border: 1px solid black;">
<div style="width: 0px; height: 10px; background-color: green;" id="progressbar">&nbsp;</div>
</div>
<input type="submit" />
</form>
</body>
</html>

关于.net - 网络表单中的进度条,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6009595/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com