检查特定格式的文本框

Question

我有一个问题..我想检查特定格式的文本框。

我将用一个例子解释它：

当用户在文本框中键入某些内容时。例如，电话号码如：06-12345678

如果用户输入的电话号码正确，则弹出窗口会显示如下消息：您已正确输入电话号码。

如果用户输入错误，会弹出一条消息，例如：您输入的电话号码不正确。

我已经为文本框制作了一个jsfiddle，但没有为电话号码检查。

<input type="text" id="correct" value="06-12345678"><br><br>
<input type="text" id="wrong" value="06 12345678">

Jsfiddle链接：Jsfiddle

我希望你能帮帮我

Answer 1

您使用更改事件。

function checkNumber(box) {
  if (box.value.match("^[0-9]{2}\-[0-9]{8}$") !== null) {
    alert("You entered the phone number correctly");
  }
  else {
    alert("You entered the phone number incorrectly");
  }
}

<input type="text" onchange="checkNumber(this)" value="" placeholder="Phone Number" />

Answer 2

您可以使用HTML 5中的pattern属性。

示例：

＆＃13;

＆＃13;

    <input type="text" pattern="^((\+\d{1,3}(-| )?\(?\d\)?(-| )?\d{1,5})|(\(?\d{2,6}\)?))(-| )?(\d{3,4})(-| )?(\d{4})(( x| ext)\d{1,5}){0,1}$">

＆＃13;

＆＃13;

＆＃13;