如何让两个maskedinput在一个输入上工作？
要让两个maskedinput在一个输入上工作，可以使用JavaScript来实现。以下是一个示例代码：
<!DOCTYPE html>
<html>
<head>
<title>Masked Input</title>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.mask/1.14.16/jquery.mask.min.js"></script>
</head>
<body>
<input type="text" id="input1" placeholder="Masked Input 1">
<input type="text" id="input2" placeholder="Masked Input 2">
<script>
$(document).ready(function() {
$('#input1').mask('00/00/0000');
$('#input2').mask('0000-0000-0000-0000');
});
</script>
</body>
</html>在上述代码中，我们使用了jQuery库和jQuery Mask插件来实现输入框的掩码功能。首先，通过<script>标签引入jQuery库和jQuery Mask插件。然后，在<input>标签中，我们分别为两个输入框指定了不同的id，并设置了placeholder属性。
在JavaScript部分，我们使用$(document).ready()函数来确保页面加载完成后执行代码。在该函数中，通过$('#input1').mask('00/00/0000')和$('#input2').mask('0000-0000-0000-0000')分别为两个输入框应用了不同的掩码格式。
对于第一个输入框，我们使用了'00/00/0000'的掩码格式，表示日期格式，其中0表示数字占位符。对于第二个输入框，我们使用了'0000-0000-0000-0000'的掩码格式，表示信用卡号格式。
通过以上代码，两个maskedinput将在同一个输入上工作，分别应用不同的掩码格式。你可以根据实际需求修改掩码格式，并将代码嵌入到你的项目中。
请注意，以上示例代码中使用了jQuery和jQuery Mask插件，你可以根据实际情况选择其他的JavaScript库或插件来实现相同的功能。
相关·内容
我正在创建一个颜色选择器，但我想让用户选择透明作为颜色的可能性，我正在使用屏蔽输入来过滤十六进制输入和字母，所有输入都在一个输入中。你可以在JSFiddle上看到：这段代码很长，但并没有太多内容，所以它非常容易理解。
浏览 15提问于2017-08-09得票数 0
回答已采纳
我正在尝试在Drupal 7中构建一个form，其中一个字段需要有一个输入掩码。我找到了插件，这似乎是我正在寻找的东西。只是没有关于如何实现它的文档(我读过关于货币和这个插件的文章，但这里只是关于如何让它工作)。我对Drupal很陌生，但是在论坛上搜索，我得到了以下代码： libr
浏览 2提问于2012-05-23得票数 0
我想在窗体上添加一个反应性表单控件，并触发一个错误：
在component.ts中 date: new FormControl()在component.html中
浏览 6提问于2020-03-23得票数 4
回答已采纳
1回答
我使用的是资料-ui TextField组件，而且我很难在火狐中只允许使用数字，我已经看到了一些解决办法，但我无法让它工作。</Mui.TextField> import React, { Component } from "react";input1: 5632 59实际上，它不允许使用键盘空格进行键入，但是使用鼠标，您可以随心所欲地<e
浏览 0提问于2020-12-31得票数 0
回答已采纳
1回答
我想让用户输入一个或两个数字，并显示后面跟着百分号的数字。如果没有输入数字，则应为空。附加的几乎可以工作，但如果只输入一个数字，则不显示百分号。有人能帮上忙吗？谢谢
<script src="http://cloud.github.com/downloads&
浏览 1提问于2012-07-23得票数 5
回答已采纳
3回答
因此，我需要验证输入字段以接受IP地址。我已经使用一个jQuery片段访问了。 $("input").mask("9?99.9?99.9?99.9?这里是我如何包含脚本(只是为了指出)。/1.3.1/dist/jquery.maskedinput.js" type="text/javascript"></script>
而且，即使我设法使这个工
浏览 2提问于2014-06-24得票数 2
1回答
对于这个漂亮的noobie问题，我很抱歉，但我不知道如何导入安装了npm的插件。我想对Vue使用这个，我已经在我的项目中用npm安装了它，并且希望将它导入到我的主app.js文件中，以便我可以在Vue中使用它。我尝试使用dist文件夹中的文件路径：Vue.use(MaskedInput)
浏览 3提问于2017-09-27得票数 0
回答已采纳
1回答
我正在开发一个瑞士陆军构建系统(、、、、、和)，但我想让一个jQuery插件闪现到构建中，而DOM让我感到困惑。我试图解决的问题是：，我如何正确地调整或要求jQuery，以便在分布式构建中满足依赖关系而不需要臃肿？js中require('maskedinput')，但是当我尝试require('nouislider
浏览 2提问于2014-09-23得票数 0
php ->widget(\yii\widgets\MaskedInput::className>
我有两个标签与相同的形式，在第二个额外的字段。问题是它在一个制表符表单上显示蒙面输入，而不是在第二个选项卡表单上显示。任何我做错的事。它们具有相同的输入名称/ ID，但
浏览 1提问于2017-03-27得票数 0
回答已采纳
2回答
我们正在开发React Native上的程序，我有一个问题。如何通过React Native为邮政编码和手机号码制作文本输入掩码？
浏览 0提问于2016-07-27得票数 14
我正在使用这个名为的令人敬畏的vue组件，它为输入掩码提供了一个简单而优雅的解决方案，用于输入日期时间格式和数字格式。在很大程度上，我可以通过这样的文档来实现它。from 'vue-text-mask'
name: 'name',
MaskedInput，我希望确保月份(只有12)和日期(根据月份为30或31 )的最大数量，并且在文本掩码中有一些作为的
浏览 0提问于2018-02-21得票数 1
我在prototype.js中实现了这一点，但它与一些脚本文件冲突。mask.definitions['~']='[+-]'; });
这显然遗漏了一些基于我在prototype.js中的脚本的东西，下面是我不得不删除的一个例子。alert("You typed the following: " + this.
浏览 0提问于2012-01-31得票数 0
回答已采纳
我正在使用Angular 6，并尝试在ts文件中调用jquery.maskedinput javascript库的掩码函数。VS代码中的掩码函数没有显示或编译，所以我找到了一个类型定义文件并将其添加到node_modules中。现在，智能类型找到了掩码函数，曲折就消失了。然而，我仍然得到一个编译错误。为了让页面编译并使用掩码函数，我错过了什么？ /// <reference path="../../../
浏览 3提问于2018-07-30得票数 0
回答已采纳
1回答
我使用primefaces的inputMask-tag将jQuery的maskedinput-plugin添加到我的应用程序中。我有一个输入字段，掩码如下：用户应该能够保留一些字符为空(例如，对于搜索表单)?***-999如果用户取消对输入字段的聚焦，则输入字段包含以下值：如果他再次聚焦输入字段，它包
浏览 0提问于2012-07-18得票数 1
我在Yii2中使用了以下代码：<?= $form->field($model, 'link')->widget(MaskedInput::classname(), [似乎，输入字段仅限于60个字符。如何消除这一限制？
参见上的URL示例
浏览 4提问于2015-04-01得票数 0
回答已采纳
1回答
当运行此解决方案以隐藏和显示输入掩码时，在页面加载时，我将看到两个输入框。我的脚本作为最后一个脚本被放在页面的底部。我基本上是隐藏和显示一个或另一个输入框基础上的复选框。所有这些都在jsfiddle和这个代码片段上运行得很好，但在Chrome、Android浏览器、Firefox和Safari上都显示在页面加载的输入框上。在我切
浏览 0提问于2016-08-07得票数 0
回答已采纳
2回答
我正在尝试使用ReactJS创建一个蒙面输入组件。遵循，我得到错误:对象不支持属性或方法‘掩码’。import ReactDOM from 'react-dom' }
compon
浏览 4提问于2017-04-05得票数 0
回答已采纳
我正在尝试在我的页面上有一个输入，默认情况下我希望有一个美国电话号码掩码。如果最终用户单击指定他们要输入国际电话号码的复选框，我希望删除该掩码。jQuery 1.4.1 (即将升级到1.4.2 )和jQuery.MaskedInput-1.2.2
<scri
浏览 1提问于2010-04-06得票数 17
回答已采纳
1回答
我试图在我的ASP.MVC edit页面上使用作为输入掩码。但是，无论存储在数据库中的值是什么，这个月总是以两个零显示：00/dd/yyyy。所有其他输入掩码都在此页面上正常工作。$('#Birthdate')就是问题所在。class="M-validator-field"> </div&g
浏览 2提问于2013-05-21得票数 2
1回答
在我的项目中，我有多个css文件(引导、插件、主题等)和javascript文件存储在：resources/assets/js/
浏览 2提问于2015-03-18得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
