Rumah >hujung hadapan web >tutorial js >Bagaimana untuk Mengesahkan Nombor Perpuluhan dengan Berkesan dalam JavaScript?

Bagaimana untuk Mengesahkan Nombor Perpuluhan dengan Berkesan dalam JavaScript?

Barbara Streisand
Barbara Streisandasal
2024-12-24 02:51:11337semak imbas

How to Effectively Validate Decimal Numbers in JavaScript?

Sahkan Nombor Perpuluhan dalam JavaScript: IsNumeric()

Pernyataan Masalah:

Tentukan kaedah yang paling berkesan dan jelas untuk mengesahkan nombor perpuluhan dalam JavaScript, memastikan merentas platform keserasian.

Kes Ujian:

    1. IsNumeric('-1') → true
    1. IsNumeric('-1.5') → benar
    1. IsNumeric('0') → true
    1. IsNumeric('0.42' ) → benar
    1. IsNumeric('.42') → true
    1. IsNumeric('99,999 ') → palsu
    1. IsNumeric('0x89f') → false
    1. IsNumeric('#abcdef ') → palsu
    1. IsNumeric('1.2.3') → false
    1. IsNumeric(' ') → palsu
    1. IsNumeric('bla') → false

Penyelesaian:

Untuk mencapai pengesahan berangka universal, tanpa mengira jenis data, gabungan isNaN dan isFinite disyorkan:

function isNumeric(n) {
    return !isNaN(parseFloat(n)) && isFinite(n);
}

Kod ini secara berkesan memaksa sebarang input ke dalam nombor dan menyemak kesahihan dan keterbatasan. Walau bagaimanapun, adalah penting untuk ambil perhatian bahawa ia juga akan mempertimbangkan format perenambelasan dan eksponen sebagai angka.

Pendekatan Tambahan:

  • jQuery's isNumeric: Membandingkan rentetan input asal dengan perwakilan titik terapungnya untuk menentukan sama ada ia berbeza kurang daripada 1.
  • Angular 4.3 isNumeric: Menolak nilai daripada perwakilan titik terapungnya dan menyemak hasil bukan NaN.

Pertimbangan:

  • Gunakan Number.isNaN dan Number.isFinite dalam ES6 untuk pengendalian penukaran jenis yang dipertingkatkan.
  • Penyelesaian yang disediakan menganggap semua nilai berangka sebagai sah, termasuk format perenambelasan dan eksponen. Laraskan pelaksanaan berdasarkan keperluan pengesahan khusus.

Atas ialah kandungan terperinci Bagaimana untuk Mengesahkan Nombor Perpuluhan dengan Berkesan dalam JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn