Gunakan jQuery untuk mengesahkan bahawa kandungan input ialah nombor dan titik perpuluhan

Tajuk: Pelaksanaan mudah jQuery untuk mengesahkan bahawa kandungan input ialah nombor dan titik perpuluhan

Dalam pembangunan web, pengesahan borang adalah bahagian penting. Dalam kes tertentu, mungkin perlu untuk mengesahkan bahawa input adalah angka atau mengandungi titik perpuluhan. Artikel ini akan memperkenalkan cara menggunakan jQuery untuk melaksanakan fungsi ini, dan menggunakan contoh kod mudah untuk mengesahkan kandungan input.

1. Kod HTML:

Pertama, kita perlu mentakrifkan kotak input dalam HTML untuk pengguna memasukkan kandungan. Mengikut keperluan, kami boleh menambah atribut id pada kotak input untuk memudahkan perolehan seterusnya nilai kotak input melalui jQuery. Berikut ialah contoh mudah:

<input type="text" id="inputNumber">

2. Kod jQuery:

Seterusnya, kami menggunakan jQuery untuk memantau perubahan dalam kandungan dalam kotak input dan mengesahkannya. Kami akan menggunakan ungkapan biasa untuk menentukan sama ada input ialah nombor atau mengandungi titik perpuluhan.

$(document).ready(function(){
    $('#inputNumber').on('input', function(){
        var inputValue = $(this).val(); // 获取输入框的值
        var regExp = /^[0-9.]+$/; // 正则表达式，匹配数字和小数点
        
        if(!regExp.test(inputValue)){
            alert('请输入数字或小数点'); // 如果不符合要求，则弹出提示
            $(this).val(''); // 清空输入框的值
        }
    });
});

Dalam kod di atas, kami menggunakan kaedah on方法来监听输入框的input事件，即用户输入内容时触发。然后通过val() jQuery untuk mendapatkan nilai kotak input dan menggunakan ungkapan biasa untuk pengesahan yang sepadan. Jika kandungan yang dimasukkan oleh pengguna tidak memenuhi keperluan, gesaan akan muncul dan nilai kotak input akan dikosongkan.

Melalui contoh kod di atas, kami telah melaksanakan fungsi jQuery yang mudah untuk mengesahkan bahawa kandungan input ialah nombor dan titik perpuluhan. Apabila kandungan yang dimasukkan oleh pengguna tidak memenuhi keperluan, gesaan diberikan tepat pada masanya untuk meningkatkan pengalaman pengguna. Dalam projek sebenar, peraturan pengesahan boleh diselaraskan mengikut keperluan untuk memenuhi keperluan pengesahan khusus.

Atas ialah kandungan terperinci Gunakan jQuery untuk mengesahkan bahawa kandungan input ialah nombor dan titik perpuluhan. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!