用户点击提交时等待指示

时间:2012-05-24 19:09:43

标签: javascript iphone html ios

我有一个带有Web视图的应用程序,我在其中显示反馈HTML页面,我只需要在用户触摸HTML提交按钮时显示等待指示符,也可以更好地禁用HTML表单中的提交按钮。

来自iOS端或HTML / Javascript端的解决方案都可以。

4 个答案:

答案 0 :(得分:2)

提交HTML表单时,将停止当前页面上的所有执行。您无法继续执行计时器脚本。

大多数浏览器都显示忙碌指示符。

答案 1 :(得分:2)

iOS在UIKit中为标准微调器包含一个名为UIActivityIndicatorView的控件。 https://developer.apple.com/library/ios/#DOCUMENTATION/UIKit/Reference/UIActivityIndicatorView_Class/Reference/UIActivityIndicatorView.html。您将分别调用实例的startAnimating和stopAnimating方法来开始和结束动画。

答案 2 :(得分:2)

如果您想在iOS中以编程方式创建活动指示器:

UIActivityIndicatorView *myIndicator = [[UIActivityIndicatorView alloc] initWithActivityIndicatorStyle:UIActivityIndicatorViewStyleWhiteLarge]];
myIndicator.center = CGPointMake(160, 240);
myIndicator.hidesWhenStopped = NO;
[self.view addSubview:myIndicator];

然后开始/停止它:

[myIndicator startAnimating];
[myIndicator stopAnimating];

如前所述,您不必禁用HTML表单提交按钮,该页面上没有进一步执行。

答案 3 :(得分:1)

如果你有一个名称和id为“myForm”的表单,一个id为“myButton”的按钮(该按钮不能是类型或名称为“submit”)和一个id为“waitMessage”的空div,你可以插入等待消息或gif,然后你可以使用这样的东西:

var myButton1 = document.getElementById("myButton");

myButton1.onclick = function (){
   getElementById("waitMessage").innerHTML = "Whatever waiting message or html code you want";
   myButton1.disabled=true;
   document.forms["myform"].submit();
}