次の HTML5 コードは機能します。これにより、ユーザーは HTML5 type="number" 入力タイプを使用して小数をキャプチャできます。これは、step 属性によって可能になります。
<input value="" name="turnover" id="turnover" placeholder="0" type="number" step="0.01">
問題は、南アフリカでは、コンマ (,) ではなくピリオド (.) を小数点として使用することです。残念ながら、Chrome ではピリオドの使用が許可されておらず、ユーザーはカンマを使用する必要があります。どうやら、他の一部のブラウザーでは、step 属性で使用する小数点区切り記号を使用しているようです。クロムではないようです。
この問題を解決する方法はありますか?
これは、同じ効果を達成できる最も近い解決策です。HTML5 の number 属性の代わりに、pattern 属性を介して正規表現で text 属性を使用します。
通貨 (または小数点以下 2 桁) の場合:
<input type="text" value="0" name="turnover" placeholder="0" pattern="\d+(\.\d{2})?"/>
科学計算用 (または小数点以下 6 桁)
<input type="text" value="0" name="turnover" placeholder="0" pattern="\d+(\.\d{6})?"/>
任意の小数点以下の桁数
<input type="text" value="0" name="turnover" placeholder="0" pattern="\d+(\.\d+)?"/>
お役に立てれば。より良い解決策がある場合は、投稿してください。
ページの文化コードを設定しようとしましたか? あなたのサイトが主に南アフリカの訪問者にサービスを提供していると仮定すると...?