2015-10-14 3 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 submit к form, но эта форма не подает при Go кнопки на клавиатуре нажата.Отправить форму на ходе кнопки мыши на андроид клавиатуры

Примечание: оно перенаправляется в состояние по умолчанию в первый раз, однако в последующие моменты оно отлично работает. В чем может быть проблема?

У меня был подобный вопрос на нажатие пользовательской кнопки (не с клавиатуры), и он фиксирует, как только я изменил его, чтобы пометить из тега или может быть изменение тега

Но что может быть проблема с клавиатуры мыши ?

ответ

0

Поскольку ваш вход является «номером», андроид по какой-то причине изменяет ввод на «Next» вместо «Go» и не вызывает проблему отправки.

У меня была такая же проблема и исправлена ​​добавлением второго скрытого ввода и присоединения к нему onfocus="$('#thisForm').submit();". Вы также можете скрыть этот ввод style="position: absolute; left: -9999px; width: 1px; height: 1px;".

Это не идеальное решение, но оно делает трюк на Android и iOS. Не уверен, почему его так испортили по умолчанию на этих клавиатурах.

0

По-видимому, проблема с

action="#" 

Так что если вы удалите это, то он должен работать.

Смежные вопросы