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

Posted 2023-03-14

【中文标题】如何使用包括 iOS 的 jQuery 格式化电话号码

【英文标题】：How to format a phone number with jQuery including iOS

【发布时间】：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 上都能运行。

提前致谢

【参考方案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="\d3[\-]\d3[\-]\d4"/> 
  <input type="submit" value="Submit">
</form>

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