Update Replace Format Mata Uang INPUT VALUE Otomatis Pakai jQuery

WORK 100% WORK

Saya acungkan 4 jempol untuk mereka yang bekerja keras menciptakan kreasi menarik yang pada akhirnya kita sebagai manusia serba kekurangan ikut mencicipi kesuksesan mereka.

Saya katakan sekali lagi ini WORK karena saya telah mencobanya untuk situs saya dan berhasil.

Sebelum saya lanjutkan ke topik utama, disarankan untuk melihat demo terlebih dahulu agar Anda percaya ini.
Sebelumnya telah saya tunjukkan bagaimana cara merubah atau konversi format penulisan mata uang 2 kali pada postingan yang berbeda dan untuk kali ini seperti saya putuskan untuk berhenti mencari cara lain karena menurut saya ini adalah trik yang paling tepat (menurut saya).

Jika Anda penasaran juga dengan trik lainya pada postingan sebelumnya, Anda bisa melihatnya disini:
  1. Membuat Format Angka Untuk Uang Menggunakan Javascript
  2. Menampilkan Harga dengan OnClick Auto Converter
Nah bagaimana cara kerja serta apa kode-kode yang diperlukan?
Seperti pada judul yang saya buat, trik ini membutuhkan jQuery dan inilah jQuery yang kita perlukan
  • http://jquerypriceformat.com/txt/jquery.price_format.2.0.js_.txt
  • http://jquerypriceformat.com/txt/jquery.price_format.2.0.min.js_.txt
Bagaimana proses cara kerjanya?
Trik ini saya dapat dari JqueryPriceFormat, dan jika ada info yang belum jelas bisa dengan mengunjungi sumbernya.

Ada 10 cara penggunaannya dan tentu hasilnya juga bervariasi, silahkan dipilih sesuai dengan kebutuhan Anda.
  1. Example 1 - Basic usage
  2. Ini adalah penggunaan yang paling dasar, secara default menggunakan US $ sebagai awalan, koma sebagai pemisah ribuan dan titik sebagai pemisah akhiran. Anda dapat menggunakan kode ini: $('#example1').priceFormat();
  3. Example 2 - Use with any HTML element
  4. Penggunaan dasar bagian ini yang sama seperti yang di atas, tapi sekarang menggunakan nilai dalam sebuah H4, H3 bisajuga dengan DIV. Kode yang digunakan adalah: $('#htmlfield').priceFormat();
  5. Example 3 - Customize
  6. Ini adalah format costumized seperti brazilians menggunakan: R $ sebagai awalan, titik sebagai pemisah sen dan titik sebagai pemisah ribuan. Bermain dengan pilihan cents Separator dan / atau thousands Separator untuk lebih sesuai dengan situs Anda. Anda dapat menggunakannya dengan kode ini: $('#example2').priceFormat({ prefix: 'R$ ', centsSeparator: ',', thousandsSeparator: '.' });
  7. Example 4 - Skipping some option
  8. Anda dapat melewatkan beberapa pilihan (awalan, cents Separator dan / atau thousands Separator) dengan mengatur mereka kosong yang Anda butuhkan di UI. Anda dapat menggunakannya dengan kode ini: $('#example3').priceFormat({ prefix: '', thousandsSeparator: '' });
  9. Example 5 - Working with limits
  10. Anda dapat mengatur panjang terbatas (limit) atau mengubah ukuran bidang sen (centsLimit) untuk lebih sesuai dengan kebutuhan Anda. Fitur ini termasuk dalam v. 1.1. Anda dapat menggunakannya dengan kode ini: $('#example4').priceFormat({ limit: 5, centsLimit: 3 });
  11. Example 6 - Clear Prefix and Suffix on Blur
  12. Nilai default dari clearPrefix dan clearSuffix adalah palsu. Keduanya bekerja dengan cara yang sama. Anda dapat menggunakannya dengan kode ini: $('#example5').priceFormat({ clearPrefix: true });
  13. Example 7 - Allow Negatives
  14. Nilai default properti allowNegative adalah palsu. Jelas, nilai nol tidak negatif. Anda dapat menggunakannya dengan kode ini: $('#example6').priceFormat({ allowNegative: true });
  15. Example 8 - Add Suffix
  16. Nilai default dari akhiran kosong. Anda dapat menggunakannya dengan kode ini: $('#example7').priceFormat({ prefix: '', suffix: '€' });
  17. Exemplo 9 - Unmask function
  18. Mengembalikan nilai tanpa topeng. Angka negatif akan kembali sinyal dikurangi. Anda dapat menggunakannya dengan kode ini: $('#example8').priceFormat(); var unmask = $('#example8').unmask(); alert(unmask); // alert 123456
  19. Exemplo 10 - Plus sign
  20. Kadang-kadang menunjukkan tanda plus dapat meningkatkan kegunaan Anda. Karena Anda memungkinkan pilihan ini Anda automaticly akan memungkinkan penggunaan tanda minus. Anda dapat menggunakannya dengan kode ini: $('#example9').priceFormat({ prefix: '', thousandsSeparator: '', insertPlusSign: 'true' });
Bagaimana cara saya menemukan kode2 itu?
Anda dapat menemukannya di URL yang saya kasih diatas dan menggunakan salah satu sesuai dengan selera Anda.

Kalau saya lebih memilih pada Example 2.
Source: http://jquerypriceformat.com/#examples
URL

Komentar yang bermanfaat mendapat Rating*****oleh Admin blog ini