如何在使用 jQuery 屏蔽输入时保留后缀

亚历山大·克拉布

我正在尝试使用 jQuery 使用以下掩码“########-##.####.7.09.009”屏蔽用户输入,因此当用户开始输入时,它会像这样:

1______-__.____.7.09.009(用户输入 1)

12_____-__.____.7.09.009(用户输入 2)

123____-__.____.7.09.009(用户输入 3)

依此类推,直到到达“7.09.009”部分。

用户不应该能够编辑那个部分,它就像一个固定的占位符。我已经尝试使用Jasny 的输入掩码并取得了一些成功,但是由于数字被 0 掩码并且固定后缀有 0,它允许用户在固定部分中输入零的位置。我没有找到将数字占位符从 0 替换为其他内容的方法,因为我认为这可以解决我的问题。

然后我找到了另一个jQuery 掩码插件,它允许我使用 # 掩码数字,但由于它也将 0 识别为数字的占位符,因此最终无法正常工作。我还尝试创建一个自定义蒙版,如下所示:

 $("#numero-processo").mask('0000000-00.0000.A.BC.BBC',
          {placeholder: "_______-__.____.7.09.009",
          'translation': {
               A: {pattern: /[7]/},
               B: {pattern: /[0]/},
               C: {pattern: /[9]/}
           }});

这在某种程度上有效,但是当用户到达固定后缀部分时,(他/她)必须实际输入后缀“7.09.009”,这是由于自定义掩码而唯一允许的内容. 但是,我不希望用户输入后缀,它需要在那里修复。有谁知道如何做到这一点?谢谢你。

永远

您可以使用此库完成此操作

<script src="https://rawgit.com/RobinHerbots/Inputmask/4.x/dist/jquery.inputmask.bundle.js"></script>

您的 javascript 将是:

<input id="numero-processo" placeholder="_______-__.____.7.09.009" />

<script>
  $(document).ready(function(){
     $("#numero-processo").inputmask("9999999-99.9999.7.0\\9.00\\9");
  });
</script>

这是一个 jsfiddle:https ://jsfiddle.net/3kyau2p8/

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何在MVC5中使用Jquery屏蔽输入?

来自分类Dev

在jQuery中屏蔽输入-不使用库

来自分类Dev

使用 jQuery ruby gem 设置输入屏蔽

来自分类Dev

如何使用 Jquery 屏蔽十进制输入?

来自分类Dev

如何在多个输入字段上使用jquery keyup?

来自分类Dev

在asp.net Ajax Update面板中,如何在AsyncPostback之后使JQuery屏蔽输入插件工作?

来自分类Dev

在使用jQuery输入时验证表单输入字段吗?

来自分类Dev

如何在jQuery中使用or(||)

来自分类Dev

当我使用 jquery-ui 自动完成功能在 textarea 中输入时,如何在任何位置实现自动完成?

来自分类Dev

如何在不使用jQuery或javascript更改浏览器设置的情况下保留cookie?

来自分类Dev

使用Jquery datepicker时允许输入时间

来自分类Dev

使用Jquery datepicker时允许输入时间

来自分类Dev

如何使用jQuery禁用输入

来自分类Dev

如何使用jQuery克隆输入

来自分类Dev

如何使用jQuery禁用输入

来自分类Dev

jQuery屏蔽的输入定义

来自分类Dev

如何在jQuery中为不同的日期输入使用不同的日期格式

来自分类Dev

如何在js和jquery中使用val()获得输入值

来自分类Dev

如何在输入文本中将此Javascript与jQuery一起使用?

来自分类Dev

如何在Jtable的自定义输入和display()中使用jquery?

来自分类Dev

如何在jquery中使用.clone()时停止克隆在<Td>元素内输入的文本

来自分类Dev

如何在jquery中使用多个输入字段类名称进行验证

来自分类Dev

如何在jQuery中使用类名获取所有输入值?

来自分类Dev

如何在输入文本中将此Javascript与jQuery一起使用?

来自分类Dev

如何在jQuery中使用名称+增量更改所有HTML输入字段的名称

来自分类Dev

如何在不使用协议的情况下将jQuery验证用于输入类型的url?

来自分类Dev

发生数据库错误如何在Codeigniter中使用jQuery提交同名输入字段

来自分类Dev

如何在jquery中使用拖放重新排列输入字段

来自分类Dev

如何在不键入的情况下使用 jquery 启动输入文本框按键事件

Related 相关文章

  1. 1

    如何在MVC5中使用Jquery屏蔽输入?

  2. 2

    在jQuery中屏蔽输入-不使用库

  3. 3

    使用 jQuery ruby gem 设置输入屏蔽

  4. 4

    如何使用 Jquery 屏蔽十进制输入?

  5. 5

    如何在多个输入字段上使用jquery keyup?

  6. 6

    在asp.net Ajax Update面板中,如何在AsyncPostback之后使JQuery屏蔽输入插件工作?

  7. 7

    在使用jQuery输入时验证表单输入字段吗?

  8. 8

    如何在jQuery中使用or(||)

  9. 9

    当我使用 jquery-ui 自动完成功能在 textarea 中输入时,如何在任何位置实现自动完成?

  10. 10

    如何在不使用jQuery或javascript更改浏览器设置的情况下保留cookie?

  11. 11

    使用Jquery datepicker时允许输入时间

  12. 12

    使用Jquery datepicker时允许输入时间

  13. 13

    如何使用jQuery禁用输入

  14. 14

    如何使用jQuery克隆输入

  15. 15

    如何使用jQuery禁用输入

  16. 16

    jQuery屏蔽的输入定义

  17. 17

    如何在jQuery中为不同的日期输入使用不同的日期格式

  18. 18

    如何在js和jquery中使用val()获得输入值

  19. 19

    如何在输入文本中将此Javascript与jQuery一起使用?

  20. 20

    如何在Jtable的自定义输入和display()中使用jquery?

  21. 21

    如何在jquery中使用.clone()时停止克隆在<Td>元素内输入的文本

  22. 22

    如何在jquery中使用多个输入字段类名称进行验证

  23. 23

    如何在jQuery中使用类名获取所有输入值?

  24. 24

    如何在输入文本中将此Javascript与jQuery一起使用?

  25. 25

    如何在jQuery中使用名称+增量更改所有HTML输入字段的名称

  26. 26

    如何在不使用协议的情况下将jQuery验证用于输入类型的url?

  27. 27

    发生数据库错误如何在Codeigniter中使用jQuery提交同名输入字段

  28. 28

    如何在jquery中使用拖放重新排列输入字段

  29. 29

    如何在不键入的情况下使用 jquery 启动输入文本框按键事件

热门标签

归档