Question

我的输入类型如下： -

<input type="number" name="rtb-phone" id="rtb-phone" value="">

现在我需要在此输入中进行验证，无法添加10位以上的数字，我们必须先添加（05）......

所以，我们必须添加电话号码（0511111111）。

任何电话都不是10位数，并且从05开始，我们需要打印错误,,,

怎么做？

Answer 1

<input type="number" name="rtb-phone" id="rtb-phone" value="" pattern="/[\0][\5]\d{8}/">

试试这个

Answer 2

Source HTML

   <form>
      <div>
        <label for="telNo">Enter a telephone number (in the form 05-xxxx-xxxx): </label>
        <input id="telNo" name="telNo" type="tel" required
               pattern="[05]{2}[0-9]{8}">
        <span class="validity"></span>
      </div>
      <div>
        <button>Submit</button>
      </div>
    </form>

CSS：

div {
  margin-bottom: 10px;
  position: relative;
}

input[type="number"] {
  width: 100px;
}

input + span {
  padding-right: 30px;
}

input:invalid+span:after {
  position: absolute; content: '✖';
  padding-left: 5px;
  color: #8b0000;
}

input:valid+span:after {
  position: absolute;
  content: '✓';
  padding-left: 5px;
  color: #009000;
}

Answer 3

试试这样：

^05\d{8}$

正则表达式从字符串^ 05的开头到8位\d{8}匹配，直到字符串$结束。

您使用的是电话号码，因此您可以使用type="tel"或type="text"并添加required属性。

＆＃13;

<form>
  <input type="tel" name="rtb-phone" id="rtb-phone" value="" pattern="^05\d{8}$" required>
  <input type="submit" name="submit" value="Click">
</form>

＆＃13;

JavaScript：输入类型验证（电话号码）

3 个答案: