html中的电话号码验证答案

【问题标题】：Phone number verification in htmlhtml中的电话号码验证
【发布时间】：2017-04-28 08:18:58
【问题描述】：

我有 html 代码，它会检查输入的电话号码是否有效。我找不到它如何检查以验证电话号码。

问题是它的验证不允许 + 符号并以 0 开头。如何在电话号码验证时允许 + 号并以 0 开头。

我的html代码如下。

<div class="form-group has-feedback">
  <div class="form-group" ng-class="{ 'has-error' : consumerRegisterForm.Office_no.$invalid && (consumerRegisterForm.Office_no.$dirty || submitted)}">
    <div class="input-icon">
      <i class="icon fa fa-phone-square"></i>
      <input type="number" class="form-control" ng-model="RegisterData.Office_no" name="Office_no" placeholder="Office Phone Number" ng-required="true">
    </div>
    <p class="validation-error" ng-show="consumerRegisterForm.Office_no.$error.required && (consumerRegisterForm.Office_no.$dirty || submitted)" class="help-block">Please Enter office phone number.</p>
  </div>
</div>

【问题讨论】：

您的电话号码在哪里验证？
在我的源代码中找不到。应该有？但是为什么我找不到验证源。
是的，这些验证通常是在 javascript 中进行的。你用什么框架？
它在 AngularJS 中。我应该使用什么关键字进行搜索？无效和肮脏？我使用了无效和脏，我在控制器 js 代码中找不到验证。
只是为了澄清一下：输入不是由 javaScript 验证的，而是由浏览器本身验证的。检查caniuse.com/#feat=input-email-tel-url，看看哪个浏览器支持这个

标签： angularjs html

【解决方案1】：

您的输入是type="number"。这意味着它只允许...数字。

由于您想使用+ 和前导零，您可能需要将其更改为text：

<input type="text" .../>

【讨论】：

【解决方案2】：

使用输入类型“文本”并制作满足您要求的指令

【讨论】：