2015-10-14 103 views
0
<form name="$root.deliveryDetails" action="#" ng-submit="ProceedForDelivery()"> 
    <h4>Login</h4> 
     <div> 
      <div ng-if="!askFor" class="paddingOnSides"> 
       <p> 
        <input type="number" name="usermobileNumber" ng-model="formData.userEnteredMobileNumber" id="rounded" ng-minlength="10" ng-maxlength="10" ng-required="true" ng-pattern="/^\d{10}$/" class="field" placeholder="Mobile Number:" ng-class="{LightText: contactDetails.mobileNumber.$pristine}"/>                
       </p> 
       <span class="error-message" ng-if="deliveryDetails.usermobileNumber.$dirty&& deliveryDetails.usermobileNumber.$invalid"> Please enter a 10 digit Mobile number</span>     
       <div> 
        <span ng-disabled="deliveryDetails.$invalid" class="button button-positive button-block Centralize" ng-click="checkRegisteredUsers()"><span class="loginbuttonMargins">Verify</span><i class="ion-log-in"></i></span> 
       </div> 
      </div> 
     </div> 
     <input type="submit" style="position: absolute; left: -9999px; width: 1px; height: 1px;"/> 
    </div><!--row--> 
</form> 

我使用的離子並增加ng-submit以及input type submitform,然而當按下鍵盤上的按鍵Go這種形式不提交。提交表單上的Go按鈕點擊在Android鍵盤

注意:它首次重定向到默認狀態,但在隨後的時間內它工作得很好。可能是什麼問題?

我有一個自定義按鈕的點擊類似的問題(而不是從鍵盤上),它只要我改變了它的標籤標記或可改變標籤

但是這可能是與鍵盤點擊問題修復?

回答

0

由於您的輸入是「數字」輸入,因此由於某種原因,android會將輸入更改爲「下一步」而不是「開始」,並且不會觸發提交問題。

我有同樣的問題,並通過添加第二個隱藏的輸入並附加onfocus="$('#thisForm').submit();"來修復它。您也可以使用style="position: absolute; left: -9999px; width: 1px; height: 1px;"來隱藏此輸入。

這不是一個理想的解決方案,但它在Android和iOS上有絕招。不知道爲什麼它們在這些鍵盤上默認會搞砸。

0

顯然,問題出在

action="#" 

所以,如果刪除,那麼它應該工作。