实现表单掩码js

时间:2018-01-14 00:51:39

标签: javascript jquery

为了实现表单屏蔽,我遵循了这个例子:

http://html.codedthemes.com/gradient-able/default/form-masking.html

而不是:

<input type="text" class="form-control date" data-mask="99/99/9999">

我想这样做:

<input type="text" class="form-control date" data-mask="99.99.9999">

涉及这些脚本:

<script src="../files/assets/pages/form-masking/inputmask.js"></script> 
<script src="../files/assets/pages/form-masking/jquery.inputmask.js"></script> 
<script src="../files/assets/pages/form-masking/autoNumeric.js"></script> 
<script src="../files/assets/pages/form-masking/form-mask.js"></script> 

我改变了form-mask.js,就像这样开始:

'use strict';$(function(){$(".date").inputmask({mask:"99.99.9999"});

但那没有做到。

1 个答案:

答案 0 :(得分:1)

你可以试试这个。

您的部分正确,可以获取包含日期的所有字段。

然后,您必须更改data-mask属性。由于它是一个通用字段,我们使用jquery函数attr。

$(".date").attr('data-mask','99.99.9999');

http://api.jquery.com/attr/