CORK Admin Template - Forms Maxlength

Basic Positions

Use thresholdoption to show up when there are 20 chars or less

$('input.threshold').maxlength({threshold:20,});

Use warningClassoption to change default badge color and limitReachedClassoption to change the badge after limit reached.

$('input.few-options').maxlength({warningClass:"badge badge-success",limitReachedClass:"badge badge-warning"});

Use preTextoption to prepend text,postTextoption to postpend text and separatoroption to add a seperator in between max and min length .

$('input.alloptions').maxlength({separator:' of ',preText:'You have ',postText:' chars remaining.'});

Use placement:top-leftto align badge at the top left corner.

$(selector).maxlength({placement:"top-left"});

Use placement:topto align badge at the top.

$(selector).maxlength({placement:"top"});

Use placement:top-rightto align badge at the top right corner.

$(selector).maxlength({placement:"top-right"});

Use placement:leftto align badge at the left corner.

$(selector).maxlength({placement:"left"});

Use placement:rightto align badge at the right corner.

$(selector).maxlength({placement:"right"});

Use placement:bottom-leftto align badge at the bottom left corner.

$(selector).maxlength({placement:"bottom-left"});

Use placement:bottom-rightto align badge at the bottom right corner.

$(selector').maxlength({placement:"bottom-right",});

Use placement:bottomto align badge at the bottom corner.

$(selector).maxlength({placement:"bottom",});