Sales1 min read217 words

Het maken van een tekstveld met een limiet van 140 karakters, net zoals Twitter, met Jquery

Emir Eskici

Emir Eskici

PlusClouds Author

Cloud & SaaS

Hoe maak je een tekstveld met een limiet van 140 tekens met jQuery

Jquery gebruiken om een tekstveld te maken dat gevoelig is voor 140 tekens

Jquery is een JavaScript-bibliotheek die is gemaakt om het gebruik van JavaScript gemakkelijker te maken. Het wordt sinds 2006 gebruikt om te voldoen aan de behoefte aan zowel JavaScript als Ajax en effectbibliotheken. Ik heb een kleine blogpost geschreven die de voordelen en voordelen van Jquery uitlegt. In deze blog zal ik de vraag beantwoorden, hoe maak je Jquery 140 tekens tellend?

Eerst maak ik een eenvoudig tekstgebied met HTML en een eenvoudig gebied dat het aantal ingevoerde tekens onderaan zal tonen.

HTML

Beschrijving

Nu hebben we de Jquery-code

JavaScript/Jquery

$(function (){

$("#textAlani").keyup(function (e) { // ik heb het tekstgebied geselecteerd en plaats mijn functies erin 

    var harfLimiti=140;  //Ik heb het maximale aantal in te voeren tekens gedefinieerd
    var sayac=$(this).val().length; // Ik heb een variabele gedefinieerd die de bovengenoemde 140 tekens zal controleren
    
    $("#girilenHarf").text(sayac) // Kleine definitie die het ingevoerde aantal tekens toont 
    $("#kalanHarf").text(harfLimiti-sayac) // Toont het resterende aantal tekens voor ons

    if (sayac>harfLimiti) { 
        $("#uyari").text("Je kunt niet meer tekens invoeren...")
    }// Als het aantal tekens in de variabele 'sayac' het aantal in de variabele 'harfLimit' overschrijdt, 
    // schrijf dan de tekst "Je kunt niet meer tekens invoeren..." in het geselecteerde element met de text-eigenschap
});

})

Hoe maak je Jquery 140 tekens tellend?

Conclusie

Beschrijving

Frequently Asked Questions

Hoe telt jQuery het aantal ingevoerde tekens in het tekstveld?

Een keyup-event op het textarea met id textAlani registreert elke toetsdruk. HarfLimiti is ingesteld op 140 en sayac telt de lengte van de invoer; vervolgens worden het aantal ingevoerde tekens in #girilenHarf en het resterende aantal in #kalanHarf weergegeven.

Welke HTML- en UI-elementen zijn nodig om een 140 tekens tellend veld te maken?

Eerst wordt een eenvoudig tekstgebied gemaakt en een gebied onderaan dat het aantal ingevoerde tekens laat zien. De blog noemt een textarea met id textAlani en plekken #girilenHarf en #kalanHarf om de telling te tonen.

Wat gebeurt er als het aantal tekens het limiet overschrijdt?

Als sayac groter is dan harfLimiti, wordt in het element #uyari de boodschap Je kunt niet meer tekens invoeren... gezet.

Wat betekenen de variabelen harfLimiti en sayac in de code?

HarfLimiti vertegenwoordigt het maximale aantal tekens (hier 140) en sayac houdt het huidige aantal ingevoerde tekens bij.

Welke jQuery gebeurtenis wordt gebruikt om bij elke toetsaanslag te controleren?

De code gebruikt het keyup-gebeurtenis op het tekstgebied #textAlani om de telling bij te werken.

Kan ik het limiet van 140 tekens aanpassen?

Ja, het limiet is ingesteld in harfLimiti; verander dit getal om een ander maximum aantal tekens te gebruiken.

Waar worden het ingevoerde aantal tekens en het resterende aantal tekens op de pagina getoond?

Het huidige aantal tekens wordt weergegeven in het element met het id girilenHarf en het resterende aantal tekens in het element met het id kalanHarf.

Het maken van een tekstveld met een limi… | PlusClouds Blog