Rumah >hujung hadapan web >Soal Jawab bahagian hadapan >Bagaimana untuk menetapkan jquery untuk hanya mengisi nombor
Dalam jquery, anda boleh menggunakan kaedah replace() dan ungkapan biasa untuk menetapkan bahawa hanya nombor boleh diisi. Kaedah replace() digunakan untuk menggantikan subrentetan yang sepadan dengan ungkapan biasa apabila diisi kandungan bukan nombor, ia tidak akan diisi. Paparan, sintaks ialah "nyatakan objek elemen.val().replace(/[^d]/g,"")".
Persekitaran pengendalian tutorial ini: sistem windows10, versi jquery3.2.1, komputer Dell G3.
Cara menetapkan jquery kepada hanya mengisi nombor
Sesetengah kotak teks input perlu membuat beberapa pertimbangan Ini penghakiman boleh diluluskan Ungkapan biasa digunakan untuk menilai Apabila kandungan yang dimasukkan oleh pengguna bukan nombor, ia tidak akan dipaparkan dalam kotak teks input Mari kita lihat bagaimana jq boleh menetapkan hanya nombor untuk dimasukkan.
Sintaks:
$('input').on('input propertychange', function(e) { var text = $(this).val().replace(/[^\d]/g, ""); $(this).val(text) })
Buat fail html baharu.
Buat kotak input pada fail html, dan kemudian tetapkan saiz kotak input.
Kod:
Perkenalkan fail jquery.min.js.
Kod:
Gunakan ungkapan biasa untuk menentukan pengguna Setiap kali anda memasukkan kandungan, ia tidak akan dipaparkan jika ia bukan nombor.
Kod:
<script> $(function(){ $(&#39;input&#39;).on(&#39;input propertychange&#39;, function(e) { var text = $(this).val().replace(/[^\d]/g, ""); $(this).val(text) }) }) </script>
Seperti yang ditunjukkan dalam gambar:
Selepas menyimpan fail html, bukanya dalam penyemak imbas yang sesuai untuk ujian dan mendapati bahawa input Kandungan bukan angka tidak boleh dipaparkan pada kotak teks. Seperti yang ditunjukkan dalam gambar:
Hanya salin dan tampal semua kod ke dalam fail html baharu, dan anda boleh melihat kesannya selepas menyimpan.
Semua kod:
<script> $(function(){ $(&#39;input&#39;).on(&#39;input propertychange&#39;, function(e) { var text = $(this).val().replace(/[^\d]/g, ""); $(this).val(text) }) }) </script>
Tutorial video berkaitan yang disyorkan: tutorial video jQuery
Atas ialah kandungan terperinci Bagaimana untuk menetapkan jquery untuk hanya mengisi nombor. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!