Javascript js进度条、html表单错误和弹出窗口

Javascript js进度条、html表单错误和弹出窗口,javascript,jquery,html,css,forms,Javascript,Jquery,Html,Css,Forms,我只想做一个表单,让用户填写,然后点击提交,它会运行一个进度条(将运行到50%),并弹出错误提示,提示用户“联系我们”页面…即,进度条应该弹出并运行,它不应该出现在页面上,除非用户在填写表单后单击提交…这里是我的代码。。。进度条、css和html表单 函数移动(){ var elem=document.getElementById(“myBar”); var宽度=0; var id=设置间隔(第10帧); 函数框架(){ 如果(宽度>=50){ 清除间隔(id); $('#error').cs

我只想做一个表单,让用户填写,然后点击提交,它会运行一个进度条(将运行到50%),并弹出错误提示,提示用户“联系我们”页面…即,进度条应该弹出并运行,它不应该出现在页面上,除非用户在填写表单后单击提交…这里是我的代码。。。进度条、css和html表单

函数移动(){
var elem=document.getElementById(“myBar”);
var宽度=0;
var id=设置间隔(第10帧);
函数框架(){
如果(宽度>=50){
清除间隔(id);
$('#error').css(“显示”、“块”);
$('popupContact').css(“显示”、“块”);
}否则{
宽度++;
elem.style.width=宽度+'%';
document.getElementById(“标签”).innerHTML=width*1+'%';
}
}
}
#我的进度{
位置:相对位置;
宽度:100%;
高度:30px;
背景色:#ddd;
}
#我的酒吧{
位置:绝对位置;
宽度:0%;
身高:100%;
背景色:#4CAF50;
}
#标签{
文本对齐:居中;
线高:30px;
颜色:白色;
}
#错误{
颜色:#F00;
显示:无;
}
#弹出式触点{
显示:无;
}
JavaScript进度条
0%

点击我 无法连接;请手动转接。 传输详细信息
接收者信息: 账号:

帐户名:


路由(ABA):


银行名称:


帐户类型:
定期存款 检查 储蓄 现在的 注:所有表格均为必填项


您的代码段缺少jQuery-您可以使用左侧的下拉列表将其包括在内。一旦你这样做了,它似乎工作精细,可能的复制看起来像一个故意复制+粘贴你的前一个问题?我建议那些希望回复旧版本的人,而不是这个版本。