不能在同一页面中的两个表单中使用Intl-tel-input
在同一页面中的两个表单中不能同时使用Intl-tel-input。Intl-tel-input是一个用于国际电话号码输入的JavaScript插件，它提供了一个可视化的电话号码输入框，并且可以根据用户选择的国家自动格式化电话号码。
然而，由于该插件的设计限制，它在同一页面中的两个表单中会出现冲突。这是因为该插件会自动将页面中的所有电话号码输入框转换为可视化的输入框，但是它只能处理一个输入框。当页面中存在多个表单，并且每个表单都包含一个电话号码输入框时，该插件无法正确地处理这种情况。
为了解决这个问题，可以考虑以下两种解决方案：
- 使用不同的电话号码输入插件：在同一页面中的两个表单中，可以选择使用不同的电话号码输入插件来避免冲突。例如，可以在一个表单中使用Intl-tel-input，而在另一个表单中使用另一个电话号码输入插件。
- 自定义电话号码输入框：如果需要在同一页面中的两个表单中使用相同的电话号码输入插件，可以考虑自定义电话号码输入框，而不使用插件提供的自动格式化功能。可以使用HTML和JavaScript来创建自定义的电话号码输入框，并编写适当的验证和格式化逻辑。
总结起来，为了避免在同一页面中的两个表单中使用Intl-tel-input时出现冲突，可以选择使用不同的电话号码输入插件或者自定义电话号码输入框来解决这个问题。
相关·内容
2回答
如何在req.body中发送javascript函数变量？
javascript、node.js、express
这是一个来自Google的代码，我正试图将它集成到我的代码中。
我有一个注册页面的电话号码输入，我使用一个javascript插件，将电话号码转换为E.164格式：+(国家代码)(电话号码)。用户输入电话号码并选择国家，一个函数将其转换为E.164格式。
<head>
<title>signup</title>
input/17.0.8/css/intlTelInput.css" />
<script src="https://cdnjs.clo
浏览 7提问于2022-05-30得票数 0
2回答
我需要在android活动中捕获电话号码和电子邮件。为此，最好的小部件类型是什么？EditText？我还想在视觉上指出，输入框是用于电话的，如果可能的话，不需要额外的TextView来说明电话号码。另外，哪种类型的验证对此最好。谢谢
浏览 1提问于2011-03-27得票数 0
3回答
如何根据输入字段更改链接？
javascript、html、forms、autocomplete、autosuggest
我正在设计我的学校的网站，我想做一个像“你在找什么”的页面，只有一个输入框，人们可以在电话或其他地方输入，它将完成与autosuggest (得到这一部分ok)。然后，当用户单击go时，该按钮将把他们带到搜索定义的页面，这样它就会直接转到电话号码页面，反之亦然。你对此有何建议？
浏览 0提问于2010-03-05得票数 0
回答已采纳
2回答
表单输入带有列表和AngularJS的键操作
html、forms、angularjs、form-submit
在我的AngularJS项目中，我有一个帐户详细信息页面，您可以在该页面中更改个人帐户信息。此页面允许提供多个电话号码和电子邮件地址。使用鼠标输入(或在按钮上加选项卡并使用空格键按住它们)可以很好地工作，但是我想添加enter键按下“逻辑”按钮的方便性。
我的表单看起来(不小心忘了翻译几个项目)：
在上可以找到表单HTML的简化版本，我主要删除了管理列表的指令。
所有按钮都是<button>元素，但取消按钮除外，该按钮是上一页的<a>，提交按钮是<button type="submit">。
当选择任何文本框并按enter时，第一个(非
浏览 5提问于2013-12-24得票数 0
回答已采纳
5回答
时间输入字段
javascript、jquery、html
我正在构建一个接受时间值HH:MM的表单，如何过滤用户输入并在文本字段中显示冒号？我想我要找的是某种过滤输入框。
浏览 0提问于2009-06-24得票数 1
回答已采纳
2回答
如何修复输入框中允许的输入？
vb.net、string、visual-studio-2010、input
如何修复输入框中允许的输入？
基本上，我希望用户只被允许键入数值(没有空格或符号)，我也希望输入框出现在这个结构中
02:10:20
我不希望用户能够删除冒号。
我该怎么做呢？
浏览 2提问于2013-01-28得票数 0
1回答
如何从国际电信输入中获取国家价值？
javascript、html、jquery、forms、intl-tel-input
所以我在javascript上是新的。我想创建表单有两个字段，电话号码和国家。我想在我的数据库里把它们分开。我想知道如何才能从国际电信输入( )中获得国家价值。例如，HTML
<form>
<label>Phone Number</label>
<!-- using intl-tel-input -->
<input type="tel"
浏览 10提问于2021-12-07得票数 1
回答已采纳
3回答
HTML表单文本输入建议框
forms、html、input、autosuggest
我正在尝试修改我拥有的表单中的一个文本输入框。我希望在用户键入时弹出建议。基本上，我想在Stack Overflow上模仿问答页面上的“标签”框，但显然是用不同的数据作为建议。我该怎么做呢？
作为背景，这是为一所大学的一个俱乐部准备的，我正在尝试允许会员键入他们的专业，当他们键入时，会出现一个建议。
浏览 0提问于2011-06-24得票数 9
回答已采纳
2回答
用Java处理表单数据
java、mysql、forms、servlets
我目前正在开发一个Java web应用程序，它将获取用户(从表单)提交的数据，并将其写入数据库。输入页面是一个JSP文件，有大量的文本框，下拉框，文本框等。我想知道如何处理来自表单的数据，并将其放入数据库时，表单可以有可变数量的输入。
我将给你一个例子来说明我的问题:一个用户有多个电话号码，他们想给我们。在表单上，有一个电话号码输入框和一个" add“按钮，该按钮使用JQuery添加另一个电话号码输入框。当用户提交表单时，servlet将接收所有数据。此时，处理这些数据以便我可以将其添加到数据库的最健壮的方法是什么？我的第一个想法是让javascript增加电话号码框的名称(例如：&#
浏览 0提问于2012-10-29得票数 2
回答已采纳
3回答
重定向后检索表单值
php
有人应该指导我如何检索表单数据后，我重定向用户返回到页面的表单，因为发生了错误。
在一些网站注册页面中，我观察到当我提交表单时，我的数据包含错误，我会被重定向回显示错误信息的注册页面，但我早期填写的数据仍然会出现在输入框中，只有包含错误的输入框将是空的，请注意，我不知道如何在网站上执行此操作，我只知道如何重定向和显示错误信息。
浏览 1提问于2014-08-23得票数 0
3回答
如何防止javascript更改输入值
javascript、jquery、html、ruby-on-rails
我有一个包含特别敏感数据的隐藏输入框数组，该表单通过单击按钮提交给第三方应用程序。
这些输入的值被设置为服务器端.具有这些输入的页面是确认页，用户单击按钮以确认事务，隐藏输入框中的数据将被张贴。
这在本质上是非常不安全的，因为任何对javascript了解一半的人都可以在提交数据之前加载devtools并使用javascript来更改隐藏输入的值。该页面甚至方便地加载了jQuery！哈！(我亲自测试过这个)。
这是在一个用户集有限的私有应用程序上运行的，到目前为止还没有出现问题，但是现在需要在一个更公共的空间上使用相同的体系结构，而发布这种架构所涉及的安全问题就有点可怕了。
解决方案是发布数据
浏览 6提问于2016-03-11得票数 4
回答已采纳
3回答
将Drupal内容类型迁移到Wordpress
drupal、wordpress、content-type、podscms
My Old site是用Drupal开发的，Drupal使用Content Type创建表单，用户可以查看该表单并提交表单。表单被添加为Drupal中的新页面，这样页面就可以被创建，或者用户可以根据自己的意愿将其公开。该表单有文件上传，图像上传，文本区域与TineyMCE编辑器也单选按钮。
我需要在Wordpress中复制这个功能。我在Google上搜索了一下，发现没有默认的方法。人们建议Pods，我不熟悉pods，我无法实现该功能。我还看到另一个插件自定义字段模板，我不能在UI中查看表单，以便用户可以输入。它可供管理员使用。
请指导我如何在Wordpress中实现此功能。
提前谢谢。
编辑
浏览 0提问于2012-01-31得票数 1
回答已采纳
2回答
Chrome HTML检查器:复制原始源(而不是修改DOM)
jquery、html、google-chrome、dom、web-inspector
我在HTML模板方面做了很多工作。其中许多在一个页面中显示了更多的可视化效果。因此，我使用chromes html检查器从模板复制某个表/div所需的HTML源。我复制如下：
但：我发现，从HTML检查器复制代码实际上是从DOM复制的，这意味着我的代码副本包含脚本所做的jquery修改，而不是某个HTML元素的原始源代码。
是否有任何方法复制该元素及其子项和所有内容，但只从源复制，使其不包含对javascript的任何修改！？
非常感谢
编辑：我找到的唯一解决方案是在“设置”下暂时删除检查器中javascript的执行，然后重新加载页面，然后为某个节点复制html源代码。但这很麻烦
浏览 1提问于2014-04-06得票数 1
回答已采纳
2回答
不使用url变量将表单值传递给不同页面上的另一个表单(javascript)
javascript、forms
我在一个页面上有一个表单，我想在不使用URL变量的情况下将表单输入框的值传递给另一个页面上另一个表单的另一个输入框--这是可能的吗？
它们都共享相同的标题页部分，如果这有任何帮助的话。
谢谢
乔纳森
浏览 0提问于2009-10-09得票数 0
回答已采纳
2回答
jQuery表单验证器-如何使用javascript更改数据验证可选属性？
javascript、jquery、forms、validation
我目前使用的是jQuery表单验证器()。我目前有三个输入框，接受一个电话号码(3个号码，3个号码，4个号码)。因为电话号码是可选的，所以所有三个输入框都是可选的(data-validation-optional = "true")。验证(确保只输入数字)适用于所有三个框，但我的问题是，验证插件不会检查以确保所有三个框都已填写。这是一个问题，因为用户可以填写一个框，但将其他两个框留空。
我可以解决这个问题的方法是，在提交表单时，检查所有三个框是否都有一个空字符串。如果是，则不做任何操作，但如果只提交了一个框，则将所有三个框都设置为必填框(data-validation-opti
浏览 0提问于2014-11-16得票数 0
2回答
许多类似的AJAX建议框没有ID
javascript、jquery
我在我的网站上有一个搜索框，它使用自动完成来给出建议，它工作得很好。现在我想在一个页面上的几个输入字段上使用它。但是，该脚本使用ID标记来访问输入表单框的内容。
我修改了这个：
$('#suggest').autocomplete(
要这样做：
$('.suggest').autocomplete(
失去了使用getElementsById的能力后，如何访问输入框文本
浏览 0提问于2011-11-21得票数 1
回答已采纳
2回答
行动前的rails验证
ruby-on-rails、validation、rails-activerecord
下面是我的应用程序中发生的事情：
客户输入电话号码
在客户模型中搜索电话号码，以确定是否存在。
如果确实存在，请转到“客户显示”页面。
如果不存在，请转到“客户新页”创建新客户。
根据我的理解，模型验证是指输入/编辑/删除到数据库中的数据。
然而，，在数据库中搜索之前，我们如何检查(使用验证)？，如果它不正确(例如:使用字母而不是电话号码数字)，那么就会显示错误。
我正在实现html表单输入选项，以防止有人在电话号码输入框中输入以下字母：
<%= form_tag(new_customer_path, method: :get) do %>
<
浏览 3提问于2016-03-07得票数 0
1回答
如何在使用Google自定义搜索时限制搜索输入的宽度
google-custom-search
我想调整与按钮和输入框的搜索表单，以不采取页面的孔宽度。
我可以通过使用:80%来调整输入框本身，但不能调整孔形状。
如果有人能给我一个建议，我将非常感谢:)
克里斯
浏览 8提问于2016-07-22得票数 0
3回答
如何将active directory数据填充到sharepoint列表表单中
sharepoint-2010、active-directory
我有一个自定义列表，其中包含(I、姓名、电话号码)等字段。当我向列表中添加一个新项目时，将打开一个新项目表单。在通过输入第一个字段(ID)填写表单时，我希望从active directory自动填充其他字段。是否可以通过浏览器(UI)或sharepoint designer进行此操作。
请帮帮我。
浏览 1提问于2013-05-28得票数 3
1回答
如何避免页面加载后对输入框的关注
html、focus
这是一个页面上的场景，页面上有大量的flash (图形)和如下的表单：
<form>
Username: <input type="text" name="userName">
Password: <input type="password" name="password">
</form>
当此页面加载时，这些输入框在所有图形之前出现。如果用户没有等待图形加载并输入用户名，并且在输入密码的过程中进行了一半，则图形加载并将焦点设置到用户名字段-使密码的其余部分
浏览 0提问于2013-12-20得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
活动推荐
腾讯云开发者
