Bir takipçimiz iletişim formuna eklediği sayı alanının buçuklu (virgüllü) sayıları kabul etmediğini ve bunun nasıl çözülebileceğini sormuş. Sorunun çözümüne minik bir değişiklikle ulaştık.
İnput Alanındaki Buçuklu Sayı Sorunu Nasıl Çözülür?
Normalde basit bir iletişim formu kodlarken girdi alanları input type=”text” şeklinde meydana getirilir. Fakat girdi alanına sadece sayıların yazılması isteniyorsa input type=”number” şeklinde düzenlenmesi gerekmekte. Bu şekilde meydana getirilen girdi alanına virgüllü bir sayı girildiğinde aşağıda gördüğünüz hata mesajını döndürecektir.
Çözüm oldukça basit. Yapmamız gereken sadece bir step alanı belirlemek. Yazmamız gereken kod satırı şu şekilde olmalıdır.
<input type="number" name="sayi" step="any">
Böylece formumuz artık buçuklu sayıları da post edebilir hale gelecek.
