等待指示當用戶點擊提交

Question

我有一個應用程序與Web視圖，我顯示一個反饋的HTML頁面，我只需要顯示一個等待指示器，當用戶觸摸HTML提交按鈕，也許更好也禁用提交按鈕以HTML格式。

從iOS端或HTML/Javascript端的解決方案都可以。

Answer 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(); 
} 

Answer 2

當HTML表單提交時，當前頁面上的所有執行都會停止。您無法繼續執行定時器腳本。

大多數瀏覽器已經顯示一個繁忙的指標。

Answer 3

iOS在標準微調器的UIKit中包含一個控件，名爲UIActivityIndicatorView。 https://developer.apple.com/library/ios/#DOCUMENTATION/UIKit/Reference/UIActivityIndicatorView_Class/Reference/UIActivityIndicatorView.html。您將分別調用實例的startAnimating和stopAnimating方法來開始和結束動畫。

Answer 4

如果你想在iOS的編程方式創建活動指標：

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

然後啓動/停止：

[myIndicator startAnimating]; 
[myIndicator stopAnimating]; 

前面已經說過，你不必禁用HTML表單提交按鈕，該頁面上沒有進一步的執行。