基于Python+Flask的工时统计系统源码+部署文档+全部数据资料 高分项目.zip

#jquery.inputmask 3.x Copyright (c) 2010 - 2014 Robin Herbots Licensed under the MIT license (http://opensource.org/licenses/mit-license.php) [](https://david-dm.org/RobinHerbots/jquery.inputmask#info=devDependencies) [](https://david-dm.org/RobinHerbots/jquery.inputmask#info=peerDependencies) jquery.inputmask is a jQuery plugin which create an input mask. An inputmask helps the user with the input by ensuring a predefined format. This can be useful for dates, numerics, phone numbers, ... Highlights: - easy to use - optional parts anywere in the mask - possibility to define aliases which hide complexity - date / datetime masks - numeric masks - lots of callbacks - non-greedy masks - many features can be enabled/disabled/configured by options - supports readonly/disabled/dir="rtl" attributes - support data-inputmask attribute(s) - alternator-mask support - regex-mask support - dynamic-mask support - preprocessing-mask support - value formatting / validating without input element - AMD support Demo page see http://robinherbots.github.io/jquery.inputmask [](https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=ZNR3EB6JTMMSS) ## Usage: Include the js-files which you can find in the dist-folder. You have the bundled file which contains the main plugin code and also all extensions (date, numerics, other) or if you prefer to only include some parts, use the separate js-files in the dist/min folder. If you use a module loader like requireJS, use the js-files in dist/inputmask The minimum to include is the jquery.inputmask.js ```html <script src="jquery.js" type="text/javascript"></script> <script src="jquery.inputmask.js" type="text/javascript"></script> ``` Define your masks: ```javascript $(document).ready(function(){ $(selector).inputmask("99-9999999"); //static mask $(selector).inputmask("mask", {"mask": "(999) 999-9999"}); //specifying fn & options $(selector).inputmask({"mask": "99-9999999"}); //specifying options only $(selector).inputmask("9-a{1,3}9{1,3}"); //mask with dynamic syntax }); ``` or via data-inputmask attribute ```html <input data-inputmask="'alias': 'date'" /> <input data-inputmask="'mask': '9', 'repeat': 10, 'greedy' : false" /> <input data-inputmask="'mask': '99-9999999'" /> ``` ```javascript $(document).ready(function(){ $(":input").inputmask(); }); ``` Any option can also be passed through the use of a data attribute. Use data-inputmask-<***the name op the option***>="value" ```html <input id="example1" data-inputmask-clearmaskonlostfocus="false" /> <input id="example2" data-inputmask-regex="[a-za-zA-Z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-zA-Z0-9!#$%&'*+/=?^_`{|}~-]+)*@(?:[a-zA-Z0-9](?:[a-zA-Z0-9-]*[a-zA-Z0-9])?\.)+[a-zA-Z0-9](?:[a-zA-Z0-9-]*[a-zA-Z0-9])?" /> ``` ```javascript $(document).ready(function(){ $("#example1").inputmask("99-9999999"); $("#example2").inputmask("Regex"); }); ``` #### Default masking definitions - 9 : numeric - a : alphabetical - * : alphanumeric There are more definitions defined within the extensions. You can find info within the js-files or by further exploring the options. ## Masking types ### Static masks These are the very basic of masking. The mask is defined and will not change during the input. ```javascript $(document).ready(function(){ $(selector).inputmask("aa-9999"); //static mask $(selector).inputmask({mask: "aa-9999"}); //static mask }); ``` ### Optional masks It is possible to define some parts in the mask as optional. This is done by using [ ]. Example: ```javascript $('#test').inputmask('(99) 9999[9]-9999'); ``` This mask wil allow input like (99) 99999-9999 or (99) 9999-9999. Input => 12123451234 mask => (12) 12345-1234 (trigger complete) Input => 121234-1234 mask => (12) 1234-1234 (trigger complete) Input => 1212341234 mask => (12) 12341-234_ (trigger incomplete) #### skipOptionalPartCharacter As an extra there is another configurable character which is used to skip an optional part in the mask. ```javascript skipOptionalPartCharacter: " ", ``` Input => 121234 1234 mask => (12) 1234-1234 (trigger complete) When `clearMaskOnLostFocus: true` is set in the options (default), the mask will clear out the optional part when it is not filled in and this only in case the optional part is at the end of the mask. For example, given: ```javascript $('#test').inputmask('999[-AAA]'); ``` While the field has focus and is blank, users will see the full mask `___-___`. When the required part of the mask is filled and the field loses focus, the user will see `123`. When both the required and optional parts of the mask are filled out and the field loses focus, the user will see `123-ABC`. #### Optional masks with greedy false When defining an optional mask together with the greedy: false option, the inputmask will show the smallest possible mask as input first. ```javascript $(selector).inputmask({ mask: "99999[-9999]", greedy: false }); ``` The initial mask shown will be "_____" instead of "_____-____". ### Dynamic masks Dynamic masks can change during the input. To define a dynamic part use { }. {n} => n repeats {n,m} => from n to m repeats Also {+} and {*} is allowed. + start from 1 and * start from 0. ```javascript $(document).ready(function(){ $(selector).inputmask("aa-9{4}"); //static mask with dynamic syntax $(selector).inputmask("aa-9{1,4}"); //dynamic mask ~ the 9 def can be occur 1 to 4 times //email mask $(selector).inputmask({ mask: "*{1,20}[.*{1,20}][.*{1,20}][.*{1,20}]@*{1,20}[.*{2,6}][.*{1,2}]", greedy: false, onBeforePaste: function (pastedValue, opts) { pastedValue = pastedValue.toLowerCase(); return pastedValue.replace("mailto:", ""); }, definitions: { '*': { validator: "[0-9A-Za-z!#$%&'*+/=?^_`{|}~\-]", cardinality: 1, casing: "lower" } } }); ``` ### Alternator masks The alternator syntax is like an **OR** statement. The mask can be one of the 2 choices specified in the alternator. To define an alternator use the |. ex: "a|9" => a or 9 "(aaa)|(999)" => aaa or 999 Also make sure to read about the keepStatic option. ```javascript $("selector").inputmask("(99.9)|(X)", { definitions: { "X": { validator: "[xX]", cardinality: 1, casing: "upper" } } }); ``` or ```javascript $("selector").inputmask({ mask: ["99.9", "X"], definitions: { "X": { validator: "[xX]", cardinality: 1, casing: "upper" } } }); ``` ### Preprocessing masks You can define the mask as a function which can allow to preprocess the resulting mask. Example sorting for multiple masks or retrieving mask definitions dynamically through ajax. The preprocessing fn should return a valid mask definition. ```javascript $(selector).inputmask({ mask: function () { /* do stuff */ return ["[1-]AAA-999", "[1-]999-AAA"]; }}); ``` ## Define custom definitions You can define your own definitions to use in your mask. Start by choosing a masksymbol. ##### validator(chrs, maskset, pos, strict, opts) Next define your validator. The validator can be a regular expression or a function. The return value of a validator can be true, false or a command object. ###### Options of the command object