Question

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

我有这方面的问题我正在努力通过点击提交按钮来确认输入的电话号码，我无法验证电话号码。

之前的问题是显示天气数量有效而不是我们开始输入数字但是他们没有在点击提交操作按钮时验证。即使我尝试了这些例子，这是相似但不重复的。

如果有任何帮助，请先致谢

Answer 1

你可以试试这个：

with

JS： -

<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>

点击此处：https://plnkr.co/edit/LzKbnLkECps6DwjW6gtH?p=preview

在表单中单击提交按钮时使用angularJS进行电话号码验证

1 个答案: