Function untuk Membuat Font Kapital Setiap Kata pada Input Form dengan JQuery

Untuk Function berikut ini berguna saat kita ingin user mengisi input form (misalnya nama) bisa menjadi huruf capital pada huruf pertama setiap kata, contoh: Andi Sholihin Ganteng Sekali. berikut adalah code scriptnya.

$.fn.capitalize = function() {
    return this.each(function() {
        var $field = $(this);

        $field.on('keyup change', function() {
            $field.val(function(i, old) {
                if (old.indexOf(' ') > -1) {
                    var words = old.split(' ');
                    for (i = 0; i < words.length; i++) {
                        words[i] = caps(words[i]);
                    }
                    return words.join(' ');
                } else {
                    return caps(old);
                }
            });
        });
    });

    function caps(str) {
        return str.charAt(0).toUpperCase() + str.slice(1);
    }
};
Cara pemakaiannya sebagai berikut, pastikan JQuery sudah terload dengan baik.
$(document).ready(function(){
    $("#nama").capitalize();
});
Salam Blogger Madura ^_^

BAGIKAN KE:

2 komentar:

  1. Tolong di perjelas gan letak scripnya, trus apa aja yang di edit, tnk

    BalasHapus
    Balasan
    1. letaknya dimana saja, asal didalam tag <script type="text/javascript"> </script>

      Hapus