Saya ingin menghitung karakter dalam textarea, jadi saya hanya membuat:
<textarea id="field" onkeyup="countChar(this)"></textarea>
function countChar(val){
var len = val.value.length;
if (len >= 500) {
val.value = val.value.substring(0, 500);
} else {
$('#charNum').text(500 - len);
}
};
Apa yang salah dengan potongan kode saya? Tidak bekerja! Nah, itu tadi tulisan tangan newbie, butuh bantuan.
Jawaban:
Kesalahan apa yang Anda lihat di browser? Saya dapat memahami mengapa kode Anda tidak berfungsi jika apa yang Anda posting tidak lengkap, tetapi tanpa mengetahui bahwa saya tidak dapat mengetahui secara pasti.
... bekerja dengan baik untukku.
Sunting: Anda mungkin harus menghapus div charNum, atau menulis sesuatu, jika mereka melebihi batas.
sumber
Versi yang ditingkatkan berdasarkan fungsi Caterham :
sumber
⚠️ Solusi yang diterima cacat.
Berikut adalah dua skenario di mana
keyup
acara tidak akan diaktifkan:Gunakan
input
acara HTML5 sebagai gantinya untuk solusi yang lebih kuat:JavaScript ( demo ):
Dan jika Anda benar-benar ingin menggunakan jQuery:
sumber
input
acara tersebut. Terima kasihContoh HTML, digunakan di mana pun saya membutuhkan penghitung, perhatikan relevansi ID textarea dan span kedua:
id="post"
<->id="rem_post"
dan judul span yang menyimpan jumlah karakter yang diinginkan dari setiap textarea tertentuFungsi JavaScript, biasanya ditempatkan sebelumnya
</body>
di file template saya, membutuhkan jQuerysumber
ini bekerja dengan baik untuk saya.
sumber
substring()
perlu menjadisubstr()
.Contoh: jsfiddle.net/xqyWV
sumber
Nah, ini tidak jauh berbeda dari apa yang telah dikatakan, tetapi ini bekerja dengan sangat baik di semua browser.
Idenya adalah untuk menghapus teks apa pun yang melebihi panjang yang ditentukan.
Kode HTMl adalah:
sumber
HTML
jQuery
sumber
Saya melakukan kombinasi di atas. Ini memungkinkan untuk menghentikan entri teks, dan memungkinkan untuk spasi mundur, plus menjaga hitungan, bahkan saat spasi mundur:
Kode JavaScript:
HTML:
Penghargaan untuk poster-poster itu sebelum saya !! Semoga ini bisa membantu seseorang!
sumber
Saya membuat plugin jQuery saya sendiri untuk tugas ini, Anda dapat mencobanya di sini:
http://jsfiddle.net/Sk8erPeter/8NF4r/
Anda dapat membuat penghitung karakter dengan cepat (dan juga penghitung karakter yang tersisa), Anda dapat menentukan apakah Anda ingin memotong teks, Anda dapat menentukan teks sufiks dan Anda juga dapat menentukan format pendek dan pemisahnya.
Berikut contoh penggunaan:
Berikut kode pluginnya:
sumber
sumber
Saya bertanya-tanya bagaimana melakukan hal yang sama ini dan mengambil ide dari semua orang di sini, inilah yang saya dapatkan:
JsFiddle
sumber
Juga, Anda dapat menempatkan id elemen atau kelas Anda sendiri daripada "h1" dan event panjang menghitung karakter dari string area teks ☻
sumber
Kode Anda agak campur aduk. Ini adalah versi bersihnya:
sumber
Coba yang ini.
sumber
Versi yang lebih umum sehingga Anda dapat menggunakan fungsi untuk lebih dari satu bidang.
sumber
Gunakan berikut ini untuk melewati penggunaan else dan juga tidak mendapatkan hitungan negatif.
sumber
Berikut contoh saya. Makan malam sederhana
sumber
Kami tidak senang dengan solusi yang dimaksudkan.
Jadi kami telah membuat solusi penghitung karakter lengkap untuk JQuery, dibangun di atas jquery-jeditable . Ini adalah
textarea
ekstensi plugin yang dapat menghitung ke dua arah, menampilkan pesan khusus, membatasi jumlah karakter, dan juga mendukung jquery-datatables .Anda dapat langsung mengujinya di JSFiddle .
Tautan GitHub: https://github.com/HippotecLTD/realworld_jquery_jeditable_charcount
Mulai cepat
Tambahkan baris berikut ke HTML Anda:
Lalu:
sumber
sumber
Anda dapat menggunakan:
sumber