在表单中单击提交按钮时使用 angularJS 验证电话号码 [重复]

Question

<label>Phone Number:</label>
     <input type="number" name="mobileNo" ng-minlength="10" ng-maxlength="10" required/>

我对此有疑问，我正在尝试在单击提交按钮时验证输入的电话号码，但我无法验证电话号码。

前面的问题显示该号码在我们开始输入号码时无效，但在单击提交操作按钮时未验证。即使我尝试了这些示例，这也是相似的，但不是重复的。

如果有任何帮助，请提前感谢

Answer 1

你可以试试这个：

<div ng-app ng-controller="formCtrl">
  <form name="myForm" ng-submit="onSubmit()">
   <input type="number" ng-model="mobile_number" name="mobile_number" ng-pattern="/^^([0|\+[0-9]{1,5})?([7-9][0-9]{9})$/" required>
   <span ng-show="myForm.mobile_number.$error.pattern">
   Not a valid number!
   </span>
   <input type="submit" value="submit"/>
  </form>
</div>

JS :-

function formCtrl($scope){
 $scope.onSubmit = function(){
 alert("form submitted");
 }
}

在这里查看：https://plnkr.co/edit/LzKbnLkECps6DwjW6gtH?p=preview