javascript - 自动设置美国电话号码格式-6ren

javascript - 自动设置美国电话号码格式

转载作者：行者123 更新时间：2023-11-30 10:46:18

25

4

我有一个带有 JavaScript 代码的 html 页面，用于在用户输入时自动设置电话号码格式“(xxx)xxx-xxxx”。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<script type="text/javascript">
/*Start of phone number formating */
var n;
var p;
var p1;
function format_phone(){
p=p1.value
if(p.length==3){
    pp=p;
    d4=p.indexOf('(')
    d5=p.indexOf(')')
    if(d4==-1){
        pp="("+pp;
    }
    if(d5==-1){
        pp=pp+")";
    }
    document.form4.phone_number.value="";
    document.form4.phone_number.value=pp;
}
if(p.length>3){
    d1=p.indexOf('(')
    d2=p.indexOf(')')
    if (d2==-1){
        l30=p.length;
        p30=p.substring(0,4);
        p30=p30+")"
        p31=p.substring(4,l30);
        pp=p30+p31;
        document.form4.phone_number.value="";
        document.form4.phone_number.value=pp;
    }
    }
if(p.length>5){
    p11=p.substring(d1+1,d2);
    if(p11.length>3){
    p12=p11;
    l12=p12.length;
    l15=p.length
    p13=p11.substring(0,3);
    p14=p11.substring(3,l12);
    p15=p.substring(d2+1,l15);
    document.form4.phone_number.value="";
    pp="("+p13+")"+p14+p15;
    document.form4.phone_number.value=pp;
    }
    l16=p.length;
    p16=p.substring(d2+1,l16);
    l17=p16.length;
    if(l17>3&&p16.indexOf('-')==-1){
        p17=p.substring(d2+1,d2+4);
        p18=p.substring(d2+4,l16);
        p19=p.substring(0,d2+1);
    pp=p19+p17+"-"+p18;
    document.form4.phone_number.value="";
    document.form4.phone_number.value=pp;
    }
}

setTimeout(format_phone,100)
}
function getIt(m){
    n=m.name;
    p1=m
    format_phone()
}
/* End of phone number formating */

</script>

</head>

<body>
<form id="form4" name="form4" method="post" action="" onSubmit="return validation();">
<input name="phone_number" type="text" id="phone_number" style="float:left; margin-left:20px;"  align="top" value="Phone Number" 
    onFocus="if(this.value==this.defaultValue)this.value='';" maxlength="13" onclick="javascript:getIt(this)"/>
    </form>
</body>
</html>

我需要修改脚本，让它自动排列数字“(xxx)xxx-xxxx”

最佳答案

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<script type="text/javascript">
/*Start of phone number formating */
var n;
var p;
var p1;
function format_phone(){
p=p1.value
if(p.length==3){
    pp=p;
    d4=p.indexOf('(')
    d5=p.indexOf(')')
    if(d4==-1){
        pp="("+pp;
    }
    if(d5==-1){
        pp=pp+") ";
    }
    document.form4.phone_number.value="";
    document.form4.phone_number.value=pp;
}
if(p.length>3){
    d1=p.indexOf('(')
    d2=p.indexOf(')')
    if (d2==-1){
        l30=p.length;
        p30=p.substring(0,4);
        p30=p30+") "
        p31=p.substring(5,l30);
        pp=p30+p31;
        document.form4.phone_number.value="";
        document.form4.phone_number.value=pp;
    }
    }
if(p.length>7){
    p11=p.substring(d1+1,d2);
    if(p11.length>4){
    p12=p11;
    l12=p12.length;
    l15=p.length
    p13=p11.substring(0,4);
    p14=p11.substring(4,l12);
    p15=p.substring(d2+1,l15);
    document.form4.phone_number.value="";
    pp="("+p13+") "+p14+p15;
    document.form4.phone_number.value=pp;
    }
    l16=p.length;
    p16=p.substring(d2+2,l16);
    l17=p16.length;
    if(l17>3&&p16.indexOf('-')==-1){
        p17=p.substring(d2+1,d2+5);
        p18=p.substring(d2+5,l16);
        p19=p.substring(0,d2+1);
    pp=p19+p17+"-"+p18;
    document.form4.phone_number.value="";
    document.form4.phone_number.value=pp;
    }
}

setTimeout(format_phone,100)
}
function getIt(m){
    n=m.name;
    p1=m
    format_phone()
}
/* End of phone number formating */

</script>

</head>

<body>
<form id="form4" name="form4" method="post" action="" onSubmit="return validation();">
<input name="phone_number" type="text" id="phone_number" style="float:left; margin-left:20px;"  align="top" value="Phone Number" 
    onFocus="if(this.value==this.defaultValue)this.value='';" maxlength="14" onclick="javascript:getIt(this)"/>
    </form>
</body>
</html>

关于javascript - 自动设置美国电话号码格式，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/8139531/

25

4

0

文章推荐： javascript - Knockout.JS:从模型到 View 的不同值

文章推荐： java - while 循环还是 Thread.sleep()？

文章推荐： javascript - 滚动到元素在

中的位置

文章推荐： javascript - 如何更改隐藏的的文本

django localflavors 美国
以下显示而不是我模板中的字段。我的模板有 {{ form.state }} 问题是什么？ class RegistrationForm(forms.Form): first_name =
javascript - 美国/加拿大长途电话号码的正则表达式测试？
所以我有这个正则表达式测试器: /^$?([0-9]{3})$?[-. ]?([0-9]{3})[-. ]?([0-9]{4})$/.test(value); 它适用于以下情况: 123-456-
mysql - 工资税数据库架构(美国)
这是基本问题: 美国联邦所得税可能每年甚至年中发生变化。它们基于税表，无论您是单例还是已婚，您获得付款的频率以及您申请的免税额。以下是单例且每两周领取一次工资的纳税表示例(2013 年): Gross
java - 美国/马萨特兰时区无法解析的日期
我在 America/Los_Angeles TZ 上，当我尝试在 America/Mazatlan TZ 中渲染午夜时，出现以下异常: Exception in thread "main" java
javascript - 美国 map 拉斐尔插件自动更新和动态填充颜色
我正在使用美国 map 来显示数据状态，Extension map 工作正常悬停时，我成功地为每个状态提供了值。但使用循环。 "mouseover" : function(event, data)
Python - 两个单独的条件取决于独立列的值(美国/加拿大邮政编码练习)
我正在尝试在数据集中创建一个新列，该新列依赖于数据中的两个单独的列(国家/地区和邮政编码)。如果国家/地区是“美国”，我希望新列获取邮政编码列中的数据并删除“-”后面的所有内容(仅保留前五个数字)。如
Python Pytz 美国/太平洋时区问题
这个问题在这里已经有了答案: pytz localize vs datetime replace (4 个答案) 关闭 4 年前。这是我的 Python 代码: import pytz from
java - 美国 map 的四色定理Java实现
我正在尝试为每个状态分配一种颜色，以便没有两个相邻状态共享相同的颜色 ( http://en.wikipedia.org/wiki/Four_color_theorem )。该程序将输出每个状态及其颜
c# - 连续(美国)状态检查
给定一个州列表，如美国各州，我试图编写一个算法来判断这些州是否相邻。顺序无关紧要，可以重新访问状态。例子: AZ, CA, OR, WA 是连续的 AZ, CA, NM, UT 是连续的 AZ, N
mysql - 美国 map 与州边界 - 根据计算值更改颜色
我正在使用 MySQL 执行一些深入的数据分析，并且希望能够创建美国的颜色编码 map ，其中将根据值范围设置各个州的颜色；有任何想法吗？管理层喜欢颜色，轻松地按地理位置汇总数据的能力对他们来说将
ios - 在哪里可以为移动银行应用程序寻求 Beta 测试人员(美国)？
关闭。这个问题是off-topic .它目前不接受答案。想改进这个问题吗？ Update the question所以它是on-topic用于堆栈溢出。关闭 10 年前。 Improve th
iOS - 应用程序中的语言切换器 |未将语言设置为英语(美国)时不显示内容
我有一个语言切换器，它工作得很好，直到我收到用户的邮件说我的应用程序无法加载任何内容。经过一番交谈，用户告诉我他们将 iDevice 语言设置为英语(英国)。我告诉他们将其更改为英语(美国)，然后该
javascript - d3 美国 map 缩放加载至标记状态
使用 Mike Bostock 示例的 d3.v3 的美国 map : 我希望 map 在页面加载时最初放大到标记的位置，但应该呈现整个 map ，以便用户可以根据需要缩小。 var w = 300;
iphone - 如何从 iPhone 核心位置获取当前(美国)状态？
我希望我的 iOS 应用程序能够显示特定于用户当前所在州(即加利福尼亚州、俄勒冈州等)的信息。这是如何使用核心位置来完成的？ CLLocation 类具有坐标 — 如何将其转换为状态？ (仅供引用，我
javascript - 美国 map 插件，具有状态数据/悬停功能的新按钮
我正在使用 jQuery 美国 map 插件。在这里找到的。 https://github.com/NewSignature/us-map/ 我正在尝试添加 10 个附加按钮，它们也将与状态数据相关
firebase - 在哪里检查 Firebase 实时数据库位置(美国、欧盟或亚洲)
我是澳大利亚的一名开发者，我正在为 Android 和 iOS 项目使用 Firebase 实时数据库。客户提示滞后和延迟，尤其是在登录时，我正在尝试查明是否有任何 Firebase 进程默认位于美
ios - 使用 NSNumberFormatterStyle 创建(美国)电话号码样式
我正在尝试找到一种使用 NSNumberFormatter 将输入数字字符串格式化为美国电话号码样式的方法。例如:4155552671应该是+1-415-555-2671(如果我没记错的话) 我想知
java - 美国 : friday the thirteen what's wrong with my logic?
该问题要求计算一周中每一天的第 13 个数。这是我的代码。 class CopyOffriday { public static void main(String[] args) throws IOE
objective-c - MKDirectionsResponse : error, 方向不可用。 (美国)
出于学习目的，我正在尝试开发一个应用程序，它将在 MKMapView 上显示到特定点的方向。但是，无论地址如何，DirectionsResponse 每次都会给我以下错误: 2013-12-28 1
ios - native UITextField 安全文本输入强制英语(美国)键盘
我有一个非常简单的登录页面(登录名+密码)。我的用户是法国人，所以他们的键盘是法语 (azerty)。从 iOS 12 开始，当他们点击 protected 密码文本字段时，键盘会切换为英语 (q

首页

博学

6Ren·AI

商城

javascript - 自动设置美国电话号码格式