我正在 .net 中创建一个网络表单,其中大约有 14 个字段。
我想在网络表单的末尾创建一个进度条,它将显示以下状态
表格填写。如果表格的所有字段都已填写,则会显示 100% 正在进行中
栏,否则它将根据表单状态显示一些%。
我怎样才能在.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"> </div>
</div>
<input type="submit" />
</form>
</body>
</html>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)