标签: maskedinput

我正在使用JQuery Masked输入插件.

$("#percent").mask("99.99?9");

这允许数字 10.999, 10.99, 01.999, 01.99

我想要实现的是我不希望用户输入01.99.相反,如果用户键入1.99我想0前1自动添加.这是我开始但不知道如何继续:

  //assume i typed in field 11.99
  $(document).on('keyup', '#percent', function(evt) {
    var input = $(this).val();
    alert(input); // 11.99_
    if(evt.which == '190' || evt.which == '110') {
       //if dot is clicked 
       alert(parseInt(input)); // 11
    }
});

请注意,警报输入11.99_在末尾打印下划线,因为第三个值是可选的,我没有输入它.

现在,这个值是完全正常的,但如果用户输入的1.99,将不能因为它会自动移动9对1与填满它2的数字,所以它会作为回报19.9,这是无效的,因为必须有2定义如上小数.因此,在我的if语句中,我希望能够检测输入的内容是否小于10,如果小于10小数点,则0在开头添加.

好的,我发现了一个修复underscore _:

    $("#percent").mask("99.99?9", {placeholder: ""}) …

我正在使用jQuery Masked Input插件来设置所有输入元素,并将数据掩码属性定义为属性掩码值:

给出这个HTML:

<input type='text' id="a" data-mask='999?999' />
<input type='text' id="b" data-mask='999' />

这个脚本:

$("input[data-mask]").each(function() {

    var maskValue = $(this).data('mask');

    console.log($(this).attr('id') + ": " + maskValue);

    //undefined error here on second iteration "b: 999"
    //no issues if you remove the data-mask from one of the input elements
    return $(this).mask(maskValue);

});

第二次迭代抛出一个错误:"未捕获的TypeError:undefined不是函数"在这一行,说'split'没有定义.

firstNonMaskPos = null, $.each(mask.split(""), function(i, c) {

但是这个代码工作正常,掩码设置没有问题.

$('#a').mask('999?999');
$('#b').mask('999');

任何人都可以对这种奇怪的行为发光吗？

演示jsFiddle在这里

大家下午好

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script type="text/javascript" src="{{ asset('bundles/reflorestasite/js/jquery.maskedinput.min.js') }}"></script>
<script type="text/javascript" src="{{ asset('bundles/reflorestasite/js/validacoes.js') }}"></script>
<script type="text/javascript" src="{{ asset_url }}"></script>

在"validacoes.js"文件中有

$(document).ready(function(){

  $(".cpf").mask("999.999.999-99");
  $('.cpf').blur(function () {
    var id=$(this).attr("id");
    var val=$(this).val();
    var pattern = new RegExp(/[0-9]{3}[\.]?[0-9]{3}[\.]?[0-9]{3}[-]?[0-9]{2}/);

    if(val.match(pattern) == null){
      $("#"+id+"_error").html("Digite um CPF válido");
    }
  });
});

我已经在控制台验证了所有的javascript文件.但是我收到错误"Uncaught TypeError:$(...).mask不是函数"

有没有人知道为什么symfony没有识别maskedinput插件？

非常感谢你.

我正在为两个字段使用蒙面插件.一个是加拿大邮政编码(T5T 5T5),另一个是电话号码(999-999-9989).两个面具在桌面上都能正常工作 如果您在手机上打开相同的代码,则会出现此问题.当用户键入邮政编码1时,光标一直跳到光标的开头.

这是代码:

HTML:

<input type="text" id="someID" /> (T9T 1A1)
<br />
<span id="result"></span>
<br /><br />
<input type="text" id="someOtherID" /> (999-999-9999)
<br />
<span id="result1"></span>

使用Javascript:

$("#someID").mask("a9a 9a9");
$("#someID").on('keyup', function() {
  var actualValue = $(this).val().replace(/[_-\s]/g, '').length;
  if (actualValue === 0 || actualValue !== 6) {
    $("#result").text("not valid")
  } else {
    $("#result").text("valid")
  }
});

$("#someOtherID").mask("999-999-9999");
$("#someOtherID").on('keyup', function() {
  var actualValue = $(this).val().replace(/[_-\s]/g, '').length;
  if (actualValue === 0 || actualValue !== 10) {
    $("#result1").text("not valid")
  } else {
    $("#result1").text("valid")
  } …

如何通过使用 js 库imask.js或使用纯 javascript 在默认情况下将双零附加到价格末尾来进行输入屏蔽：3.380.321,00 $

var currencyMask = IMask(
  document.getElementById('price'),
  {
    mask: '$num',
    blocks: {
      num: {
        mask: Number,
        thousandsSeparator: '.'
      }
    }
  });

var currencyMask = IMask(
  document.getElementById('price2'),
  {
    mask: 'num$',
    blocks: {
      num: {
        mask: Number,
        thousandsSeparator: '.'
      }
    }
  });

<script src="https://unpkg.com/imask"></script>
<input type="text" id="price" value="2700300.21">
<hr>
<p>Needed masking: 3.380.321,00 $</p>
<input type="text" id="price2">