如何使用包括 iOS 的 jQuery 格式化电话号码答案

【问题标题】：How to format a phone number with jQuery including iOS如何使用包括 iOS 的 jQuery 格式化电话号码
【发布时间】：2017-07-01 17:02:22
【问题描述】：

我目前正在显示电话号码，例如 2124771000。但是，我需要将号码格式化为更易于阅读的格式，例如：(212)-477-1000。这是我当前的 HTML：

<p class="phone">2124771000</p>

我正在使用How to format a phone number with jQuery 文章，它在 Windows 中运行良好，但在 iOS 中无法运行。

我希望 JavaScript 在平台和 iOS 上都能运行。

提前致谢

【问题讨论】：

标签： javascript php jquery ios windows

【解决方案1】：

您实际上并不需要 jquery（或实际上是 js）来执行此操作。如果正在输入电话号码，那么您可以在输入框中添加 HTML5 pattern，以确保用户遵循以下示例中的建议模式：

form {
  width:60%;
  margin: 0 auto;
}

input[type="tel"] {
  border: 1px solid #ddd;
  padding: 4px 8px;
}
input[type="tel"]:focus {
  border: 1px solid #000;
}

input[type="submit"] {
  font-weight: bold;
  padding: 4px 8px;
  border:1px solid #000;
  background: #3b5998;
  color:#fff;
}

<form onsubmit="alert('Submitted'); return false;">
  <h2>US Phone Number Validation</h2>
  <label for="phonenum">Phone Number (xxx-xxx-xxxx): </label>
  <input type="tel" id="phonenum" required pattern="\d{3}[\-]\d{3}[\-]\d{4}"/> 
  <input type="submit" value="Submit">
</form>

有一篇文章展示了各种电话模式here

【讨论】：