用于接受手机号码的输入字段

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