%PDF- %PDF-
Direktori : /home/opti/workflow/src/public/app-assets/js/scripts/forms/extended/ |
Current File : /home/opti/workflow/src/public/app-assets/js/scripts/forms/extended/form-maxlength.js |
/*========================================================================================= File Name: form-maxlength.js Description: Bootstrap-Maxlength uses a Twitter Bootstrap label to show a visual feedback to the user about the maximum length of the field where the user is inserting text. Uses the HTML5 attribute "maxlength" to work. ---------------------------------------------------------------------------------------- Item Name: Modern Admin - Clean Bootstrap 4 Dashboard HTML Template Version: 1.0 Author: Pixinvent Author URL: hhttp://www.themeforest.net/user/pixinvent ==========================================================================================*/ (function(window, document, $) { 'use strict'; // Default usage $('.basic-maxlength').maxlength({ warningClass: "badge badge-success", limitReachedClass: "badge badge-danger", }); // Change the threshold value $('.threshold-maxlength').maxlength({ threshold: 15, warningClass: "badge badge-success", limitReachedClass: "badge badge-danger", }); // AlwaysShow $('.always-show-maxlength').maxlength({ alwaysShow: true, warningClass: "badge badge-success", limitReachedClass: "badge badge-danger", }); // Change Badge Color using warningClass & limitReachedClass $('.badge-maxlength').maxlength({ warningClass: "badge badge-info", limitReachedClass: "badge badge-warning" }); // Change Badge Format $('.badge-text-maxlength').maxlength({ alwaysShow: true, separator: ' of ', preText: 'You have ', postText: ' chars remaining.', validate: true, warningClass: "badge badge-success", limitReachedClass: "badge badge-danger", }); // Position $('.position-maxlength').maxlength({ alwaysShow: true, warningClass: "badge badge-success", limitReachedClass: "badge badge-danger", placement: 'top' // Options : top, bottom, left or right // bottom-right, top-right, top-left, bottom-left and centered-right. }); $('.position-corner-maxlength').maxlength({ alwaysShow: true, warningClass: "badge badge-success", limitReachedClass: "badge badge-danger", placement: 'top-left' // bottom-right, top-right, top-left, bottom-left and centered-right. }); $('.position-inside-maxlength').maxlength({ alwaysShow: true, warningClass: "badge badge-success", limitReachedClass: "badge badge-danger", placement: 'centered-right' // Option : centered-right. }); $('.featured-maxlength').maxlength({ alwaysShow: true, threshold: 10, warningClass: "badge badge-info", limitReachedClass: "badge badge-warning", placement: 'top', message: 'Used %charsTyped% of %charsTotal% chars.' }); // Teatarea Maxlength $('.textarea-maxlength').maxlength({ alwaysShow: true, warningClass: "badge badge-success", limitReachedClass: "badge badge-danger", }); })(window, document, jQuery);