标签: jquery-inputmask

如何使用requirejs 正确连接https://github.com/RobinHerbots/jquery.inputmask？官方网站文档的方法不正确.

我试着这样做

要求-config.js

paths: {
  ...
  inputmask: "/assets/vendor/jquery.inputmask/dist/inputmask/inputmask",
  dependencyLib: "/assets/vendor/jquery.inputmask/dist/inputmask/dependencyLib",
  jQueryInputmask: "/assets/vendor/jquery.inputmask/dist/inputmask/jquery.inputmask",
  ...
}

的script.js

define('script', ['jquery', 'jQueryInputmask'], function ($) {
    ...
    $obj.inputmask(
        {
            alias: 'currency',
            rightAlign: false,
            digits: 0
        }
    );
    ...
});

但它不起作用

我想删除使用jQuery inputmask插件实现的屏蔽输入的下划线 - http://github.com/RobinHerbots/jquery.inputmask

我正在使用RobinHerbots输入掩码,我怎样才能使2个小数点像22.30或2.15？比如'currency'在输入掩码上设置但没有逗号(自动生成基于值长度)和货币符号.以下是我尝试过的内容,但遗憾的是,这些内容都不起作用,有什么帮助,建议,想法,线索,建议吗？

$(document).ready(function(){
  $(".decimal").inputmask('decimal',{rightAlign: true});
  $(".currency").inputmask('currency',{rightAlign: true  });
  $(".custom1").inputmask({ mask: "**[.**]", greedy: false, definitions: { '*': { validator: "[0-9]" } }, rightAlign : true });
  $(".custom2").inputmask({ 'alias' : 'decimal', rightAlign: true, 'groupSeparator': '.','autoGroup': true });
  $(".custom3").inputmask({ 'alias' : 'decimal', 'mask' : "**[.**]", rightAlign: true});
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.inputmask/3.2.6/jquery.inputmask.bundle.min.js"></script>

<input type="text" class="decimal" /><br>
<input type="text" class="currency" /><br>
<input type="text" class="custom1" /><br>
<input type="text" class="custom2" /><br>
<input type="text" class="custom3" value="0" /><br>

我正在使用jquery inputMask库(https://github.com/RobinHerbots/jquery.inputmask).但如果有更好的inputMask库,请随时告诉我.但我需要inputMask,而不是时间选择器.

场景是在时间字段上有inputMask.我们希望根据用户的语言环境显示并拥有inputMask,因此它应该支持12小时和24小时格式.最初我们只支持24小时格式,因此掩码代码如下所示:

$('input[id$="endTime"]').inputmask("hh:mm:ss", {placeholder: "HH:MM:SS", insertMode: false, showMaskOnHover: false});

请注意,我们还需要支持秒数.对于12小时格式,我实际上尝试了几种格式,但它们都不适合我.所以有可能掩盖吗？

我正在使用Robin Herbot的inputmask jquery插件,我想将默认货币符号(默认情况下,其美元货币符号)更改为PESO货币符号或删除货币符号.

下面是我尝试过的,是符号更改,符号被删除但它不会让我输入任何内容.

$(document).ready(function(){
  
  $("#currency1").inputmask({ alias : "currency", mask : "0.00" });
  $("#currency2").inputmask({ alias : "currency", mask : "? 0.00" });

  
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.inputmask/3.2.6/jquery.inputmask.bundle.min.js"></script>

<label>REMOVE CURRENCY SYMBOL</label><br>
<input type="text" id="currency1" /><br>
<label>CHANGE THE CURRENCY SYMBOL</label><br>
<input type="text" id="currency2" />

我正在使用 jQuery inputmask 插件来屏蔽文本字段 ( https://github.com/RobinHerbots/Inputmask )。我无法弄清楚屏蔽无限数量的字母数字字符的语法。这似乎应该很简单，我似乎无法在文档或其他 stackoverflow 问题中找到答案。到目前为止，这是有效的：

$('.inputmask_alphanumeric').inputmask({ mask: "[*]{100}", greedy: false });

{100} 目前是一个很大的数字，但我希望它成为未来任何长文本输入的通用类规则。我试过 {*} 和 {+} 但它们似乎不起作用。谢谢。

只要输入类型=文本,我就可以使用此插件正常运行代码,但我想使用type = number,以便在移动设备上显示正确的键盘.

有没有办法做到这一点,希望有一些我在文档中遗漏的设置？

这是我的HTML:

<input id="Price" name="Price" type="number" placeholder="0.00" tabindex="3"/>

这是我的js:

$(document).ready(function(){
    $('#Price').inputmask("[9][9]9.99", {
        numericInput: true,
        "placeholder": "0",
        showMaskOnHover: false,
        greedy: false
    });
});

下面是我的代码片段，当前输入掩码仅允许这种格式“_. ”（例如 5.55）。有没有一种方法可以扩展格式，就像我想要的格式“ ._____________..”（例如 55.555555555555555555555... 在 55 之后。其余输入数字必须不受限制）。有什么想法、帮助、线索、建议、推荐吗？

$(document).ready(function(){
  
  $('.decimal').inputmask({ mask: "*[.**]", greedy: false, definitions: { '*': { validator: "[0-9]" } } });
  
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://rawgit.com/RobinHerbots/jquery.inputmask/3.x/dist/jquery.inputmask.bundle.js"></script>

<input type="text" class="decimal form-control" />

我在使用 webpack 和 TypeScript 导入jquery.inputmask时遇到问题。Question: build this with webpack/es6 #1115有一些讨论：

这是我如何使用 jqlite 设置的

像这样导入您的应用程序：

import InputMask from 'inputmask';

Run Code Online (Sandbox Code Playgroud)

要使该模块可以使用该名称，您必须为其和 dep lib 指定别名

webpack 配置（使用 jqlite dep lib，如果您使用 jquery，请将其替换为 jquery）：

{
  // ... your config +
  resolve: {
    alias: {
      'inputmask.dependencyLib': path.join(__dirname, 'node_modules/jquery.inputmask/extra/dependencyLibs/inputmask.dependencyLib.jqlite.js'),
      'inputmask': path.join(__dirname, 'node_modules/jquery.inputmask/dist/inputmask/inputmask.js')
    }
  }
}

Run Code Online (Sandbox Code Playgroud)

我有一个类似的 webpack 配置，使用 jQuery 而不是 jqLit​​e 作为依赖项：

alias: {
    "inputmask.dependencyLib": path.join(__dirname, '../node_modules/jquery.inputmask/dist/inputmask/inputmask.dependencyLib.jquery.js'),
    "inputmask": path.join(__dirname, '../node_modules/jquery.inputmask/dist/inputmask/inputmask.js')
}

使用import InputMask from "inputmask";TypeScript 编译器会抛出错误：

错误 TS2307：找不到模块“inputmask”。

当import "inputmask";我调用时出现运行时错误 …

我想使用掩码和自动完成功能为 dateTime 进行输入。

我已经在存在问题的地方创建了小型演示。

看起来自动完成认为掩码是文本......只有当我完成输入时，我才能从自动完成中看到一些值（如果它存在于自动完成列表中）。

有什么解决办法吗？

  <input name="field1" id="field1" class="inputmask" data-inputmask="'mask': 'h:s t\\m','placeholder': 'hh:mm xm', 'hourFormat': '12', 'alias': 'datetime'"/>


function generateTime(){
  var times = [];
  Array(24).join(',').split(',').forEach(function (_, index) {
        var hour = index;
        if (hour < 10) {
            hour = '0' + hour;
        }
        times.push(moment(hour + ':00', 'HH:mm').format('hh:mm a'));
        times.push(moment(hour + ':30', 'HH:mm').format('hh:mm a'));
  });

  return times;
}


$('.inputmask').inputmask();
$('.inputmask').autocomplete({
      source: generateTime()
});

更新：

也许是解决方案的一些起点：如果我添加属性“'autoUnmask' : true自动完成”将仅适用于“小时” - 第一个符号直到掩码中的“：”。

https://jsfiddle.net/vbekLtm6/5/