24 Haziran 2013 Pazartesi

Yorum Uzunluk Sınırlayıcı

Heyecan kullandıysanız, o zaman sadece tek bir Tweet 140 karakter yazmak için izin olduğunu biliyorum. Yazmak için sola ne kadar gösteren metin alanının altında güzel küçük bir sayı vardır.

Çok WordPress yorum yapmak için bu özelliği olması güzel olurdu. Ya da herhangi bir metin alanına, bu konuda. Bu JavaScript aşağıdaki parça ile yapılabilir:
  • jQuery ( fonksiyonu ( $ ) {
  •     / / Yapılandırma
  •     var comment_input = $ ( '# commentform textarea' );
  •     var submit_button = $ ( '# commentform formu gönderin.' );
  •     var comment_limit_chars = 1.000 ;
  •     / / Durdurma burada düzenleme
  •     
  •     / / Kalan kaç karakterleri görüntülemek
  •     $ ( '<div class="comment_limit_info"> <span>' + comment_limit_chars + '</ span> kalan karakter </ div>' ). insertAfter ( comment_input );
  •     
  •     comment_input . bind ( 'keyup' , fonksiyon () {
  •         / / Kalan karakter hesaplamak
  •         var comment_length = $ ( bu .) değer . () uzunluk ;
  •         var chars_left = comment_limit_chars - comment_length ;
  •         
  •         / / Ekran karakter kaldı
  •         $ ( '. comment_limit_info süresi' .) html ( chars_left );
  •         
  •         / / Çok fazla karakter kullanılması durumunda gönder düğmesine gizlemek
  •         eğer ( submit_button )
  •             ( chars_left < 0 ) ? submit_button . hide ) ( : submit_button . gösterisi ();
  •     } );
  • } );
https://gist.github.com/1422754
İlk üç var altında s / / configure Yorum düzenlenebilir. comment_input metin alanının DOM unsurudur. submit_buttonformu göndermek için düğmeye için DOM unsurdur. Son olarak, comment_limit_chars izin verilen karakter miktarıdır.


Bu pasajı otomatik olarak ekler bir div metin alanı ve güncellemeler aşağıda etiketi karakter sayısı kullanıcı türleri.Submit_button isteğe bağlıdır. Ayarlamak var için boş bunu gri olmak istemiyorsanız.
Bu sadece istemci tarafında giriş doğrulamak için unutmayın. Eğer maksimum metin uzunluğu güvenmek varsa Twitter yaptığı gibi, siz de PHP ile arka uç tarafında uzunluğunu kontrol etmeniz gerekir.

Hiç yorum yok:

Yorum Gönder