接受移动号码的输入字段

Question

我想得到不同国家的手机号码作为输入。我尝试使用以下代码：

​

<input type="tel" minlength="8" maxlength="10" name="Number" id="Number" pattern="[0-9]{3}-[0-9]{2}-[0-9]{3}" class="form-control wow fadeInUp" placeholder="* WhatsApp Number" required/>

​

但是它也接受字符，所以我如何应用长度验证和数字验证。

Answer 1

此代码将防止键入字符。在键入除数字以外的任何内容时，都会省略。

​

<input type="tel" required minlength="8" maxlength="15" name="Number" id="Number"  class="form-control wow fadeInUp" placeholder="* WhatsApp Number" oninput="this.value = this.value.replace(/[^0-9+()]/g, '');" pattern=".{8,10}" placeholder="123-45-678" />

​