| Option | Beschreibung | Grundeinstellung | Beispie |
| max | Einstellung, wie viele Zeichen der User eingeben kann. | max: 80 |
$('.counter').counter({max: 120});
|
| name | Jedes Input oder Textarea benötigt einen Namen um es Beispielsweise mit PHP auslesen zu können. Diese Attribut übergeben wir dem Counter zur Erkennung, um welches Input / Textarea es sich handelt | name: 'sTest' |
$('.counter').counter({name: 'myInput'});
//für die Profis, denkbar ist auch
$('.counter').counter({name: 'aData[input]'});
|
| color |
Die Grundeinstellung für die Schriftfarbe der Fehlermeldung ist rot. Mit dieser Option, habt Ihr die Möglichkeit,
dieser Farbe einen anderen Wert zu geben.
Hinweis: Ihr könnt selbstverständlich die CSS-Klassen direkt ansprechen. So sind eigene Styles kein Problem. error ist die CSS-Klasse für den Bereich der Fehlermeldung. counter die CSS-Klasse für den Counter-Bereich. |
color: 'red' |
$('.count').counter({color: 'green'}});
|
| errMsg | Wer gern eine eigene Fehlermeldung kreieren möchte, kann diese Option nutzen. | errMsg: '' |
$('.count').counter({errMsg: 'Meine Fehlermeldung'}});
/**
etwas ausgefeilter:
*/
var max = 120;
var MyMsg = 'Hier sind nur ' + max + ' Zeichen erlaubt.';
$('.count').counter({errMsg: MyMsg}});
|
Um das tippen zu sparen, hier der ganze String.
$(document).ready(function()
{
// ersetzt MySelctor, max nach Bedarf und den Namen des Input / textarea
$('MySelector').counter({max: 120, name: 'MyInput'});
});