如何在掩码输入插件(JQuery插件)中插入空格?

时间:2014-06-19 11:13:16

标签: javascript jquery mask

我使用蒙面输入插件,但它禁止输入空格。 * - 表示字母数字字符(A-Z,a-z,0-9),但不允许空格符号

4 个答案:

答案 0 :(得分:3)

如果你使用http://github.com/RobinHerbots/jquery.inputmask,你可以创建自己的面具:

$.extend($.inputmask.defaults.definitions, {
    'A': { 
        validator: "[A-Za-z0-9 ]",
        cardinality: 1
    }
});
$("#field").inputmask("AAA");

如果您使用http://plugins.jquery.com/maskedinput/,则会创建如下掩码:

$.mask.definitions['A'] = "[A-Za-z0-9 ]";
$("#field").mask("AAA");

答案 1 :(得分:1)

你可以改变.mask并在*

后简单地给出空格
//following script available in jquery.maskedinput.js
$.mask = {
    //Predefined character definitions
    definitions: {
        '9': "[0-9]",
        'a': "[A-Za-z]",
        '*': "[A-Za-z0-9]"
    },
    dataName: "rawMaskFn",
    placeholder: '_',
};

// 如果全部,那么把*,如果只有数字然后放9,如果只有阿尔法然后放一个

检查一下:

<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"></script>
 <script type="text/javascript" src="http://cdn.jsdelivr.net/jquery.maskedinput/1.3.1/jquery.maskedinput.js"></script>
    <script>
     jQuery(function($)
        { 
        $.mask.definitions['~']='[+-]';    
        $('#Cell').mask('(*   **)-(99 9)  (a  aa)');        
        }); 


    </script>   

http://jsfiddle.net/2Xz8q/1/ http://jsfiddle.net/2Xz8q/2/

答案 2 :(得分:0)

只需要输入如下所示的空白名称:name = blabla bla bla,这是我的代码:

  <label for="nom" class="col-md-4 control-label"><span class="text-danger">*</span>Nom</label>
    <script>
        $(document).ready(function(){
        $("#nom").inputmask("A", { repeat: 10 }, { "placeholder": "_" });
        });
    </script>

答案 3 :(得分:-1)

以这种方式添加空格,键是正则表达式中的空格问候语不建议在括号之间放置空格,因为它会导致错误

$('#'+id).mask('ZZ',{translation: {'Z': {pattern: /[áéíóúñüàèa-zA-Z0-9\s]/, recursive: true}}});