"HTML 电话号码验证"

Question

我正在开发一个 HTML 网站，但我有点陷入一种情况。

客户只想添加电话号码，没有字母字符，条件是如果有人在 10 位电话号码前输入 +91（即 +917894561236）并且如果他没有，则应接受电话号码字段并提交电话号码' t 添加 +91 该字段还应接受 10 位电话号码，但不少于 10 个号码。

这是我的html：

<div class="form-group">
  <label for="">Phone number *</label>
  <input type="text" class="form-control" minlength=10 required name="phone_m" id="phoned"
         placeholder="Enter Your Phone Number" pattern="^(\+91[\-\s]?)?[0]?(91)?[6789]\d{9}$"
         oninput="if (typeof this.reportValidity === 'function') {this.reportValidity();}" / >
</div>

下面的 jQuery 脚本用于从电话字段中删除字母，但是在输入字段中添加type="tel"不会阻止用户输入字母

<script>
//to get only numeric values in phone number field
jQuery('#phoned').keyup(function () { 
    this.value = this.value.replace(/[^0-9+\.-]/g, '');
});
</script>

Answer 1

我正在一个HTML网站上工作，在一种情况下我有些卡住了。

客户只想添加电话号码，不带字母字符，条件是应接受电话号码字段，如果有人在10位数电话号码前面输入+91（即+917894561236），并且如果他不输入电话号码，则提交电话号码t加+91，该字段还应接受10位数的电话号码，但不得少于10个数字。

这是我的html：

<div class="form-group">
  <label for="">Phone number *</label>
  <input type="text" class="form-control" minlength=10 required name="phone_m" id="phoned"
         placeholder="Enter Your Phone Number" pattern="^(\+91[\-\s]?)?[0]?(91)?[6789]\d{9}$"
         oninput="if (typeof this.reportValidity === 'function') {this.reportValidity();}" / >
</div>

下面的jQuery脚本用于从电话字段中删除字母，但是在输入字段中添加type="tel"不会阻止用户键入字母

<script>
//to get only numeric values in phone number field
jQuery('#phoned').keyup(function () { 
    this.value = this.value.replace(/[^0-9+\.-]/g, '');
});
</script>

Answer 2

我正在一个HTML网站上工作，在一种情况下我有些卡住了。

客户只想添加电话号码，不带字母字符，条件是应接受电话号码字段，如果有人在10位数电话号码前面输入+91（即+917894561236），并且如果他不输入电话号码，则提交电话号码t加+91，该字段还应接受10位数的电话号码，但不得少于10个数字。

这是我的html：

<div class="form-group">
  <label for="">Phone number *</label>
  <input type="text" class="form-control" minlength=10 required name="phone_m" id="phoned"
         placeholder="Enter Your Phone Number" pattern="^(\+91[\-\s]?)?[0]?(91)?[6789]\d{9}$"
         oninput="if (typeof this.reportValidity === 'function') {this.reportValidity();}" / >
</div>

下面的jQuery脚本用于从电话字段中删除字母，但是在输入字段中添加type="tel"不会阻止用户键入字母

<script>
//to get only numeric values in phone number field
jQuery('#phoned').keyup(function () { 
    this.value = this.value.replace(/[^0-9+\.-]/g, '');
});
</script>

Answer 3

我为我的客户编写并使用了这个函数，它在他们输入时格式化，并实际检查输入的字符是否为数字，并修剪长度。 他们想要的格式是“XXX-XXX-XXXX”，但我相信你可以修改我的代码以满足你的需要。 正则表达式并不完美，但如果他们复制并过去 s*** 它将阻止他们提交。