reactjs - 如何限制文本框只允许数字和格式为美国手机号码格式？答案

【问题标题】：How to restrict text box to allow only numbers and format as US mobile number format in react js?reactjs - 如何限制文本框只允许数字和格式为美国手机号码格式？
【发布时间】：2017-08-14 08:17:47
【问题描述】：

如何在 react js 中限制文本框只允许数字和格式为美国手机号码格式？例如：(456) 125-0156。下面的代码只允许数字。

mobileNumberChange(evt) {
    var decimalvalidate = /^[2-9][0-9]*$/;
    if (!decimalvalidate.test(evt.key)) {
      evt.preventDefault();
}

但是我将如何格式化为 (456) 125-0156 ？

【问题讨论】：

标签： reactjs

【解决方案1】：

看起来，您正在寻找一个正则表达式来验证美国电话号码，这将是

/^($[0-9]{3}$ |[0-9]{3}-)[0-9]{3}-[0-9]{4}$/

详细解释参考this答案

【讨论】：