javascript - 表单进度条

标签 javascript jquery

正如这里的一些人所知,我们目前正忙于表格。所以让我开始思考,我确实知道那里有各种进度条。

如:Wits

和 jquery.progressbar 本身。

我还没有看到的是......

假设我们有一个表单,其中包含 5 个输入字段。任何形式都可以。 我们能否为每个输入字段附加一个分数值,比如 20%,但是当用户点击进入下一个字段时,进度条是动画的,或者填满(所以进展到 20% 等)

这不是我们想要的方式,但已经足够了。

Anyhoo,我不是要有人写这篇文章,只是为了解释一下。我们如何将变量 ( value ) 附加到输入元素,然后将其解析到进度条。

这就是我坚持的一点,大多数在线脚本都是基于 SUBMIT 的。并将一个表单分页为 5 个元素,每个元素值 x%

无论如何干杯。

最佳答案

你的意思是这样的?

<script type="text/javascript">
function updateProgress(element) {
    var weight = element.attributes.weight;
    //some maths to shift the bar along by 25%
}
</script>

<input type="text" name="field1" id="field1" weight="25" onBlur="updateProgress(this);"/>
<div id="progressBar></div>

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

相关文章:

javascript - 如何将外部 Google map 数据作为 KML 从 HttpResponse 直接获取到 Javascript 或 jQuery?

javascript - 如何使用 leaflet.js 的图层控件默认选择单选按钮?

javascript - jQuery 分割文本

javascript - 以 Angular 2 将 Typescript 编译为 ES5

javascript - 计算输入字段的字数

javascript - 是否可以使用 Deferred 对象在 for 循环完成后创建回调?

jquery - 以比屏幕更高的 DPI 创建 Canvas 对象?

jquery - 如何让 Hammer JS 与 Backbone 一起工作

javascript - 如何从 Meteor 0.8.0 Blaze 中的助手访问模板实例

javascript - ASP .Net 在文本更改回发时更新 asp 页面上的单个元素