提交表单上的Go按钮点击在Android键盘

<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这种形式不提交。提交表单上的Go按钮点击在Android键盘

注意：它首次重定向到默认状态，但在随后的时间内它工作得很好。可能是什么问题？

我有一个自定义按钮的点击类似的问题（而不是从键盘上），它只要我改变了它的标签标记或可改变标签

但是这可能是与键盘点击问题修复？

来源

2015-10-14 Simran Kaur

由于您的输入是“数字”输入，因此由于某种原因，android会将输入更改为“下一步”而不是“开始”，并且不会触发提交问题。

我有同样的问题，并通过添加第二个隐藏的输入并附加onfocus="$('#thisForm').submit();"来修复它。您也可以使用style="position: absolute; left: -9999px; width: 1px; height: 1px;"来隐藏此输入。

这不是一个理想的解决方案，但它在Android和iOS上有绝招。不知道为什么它们在这些键盘上默认会搞砸。

来源

2016-01-18 15:55:32

显然，问题出在

action="#"

所以，如果删除，那么它应该工作。

来源

2016-09-28 21:52:31

提交表单上的Go按钮点击在Android键盘

回答

相关问题