「-wap-input-format」CSSプロパティを使用して、「* N」を使って数値入力を強制しています。 307私のSonyEricsson C702で動作しますが、Windows Mobile IE、OperaまたはSonyEricsson P1i搭載のWindows Mobileで動作しません。モバイルウェブサイトの数値入力を強制する
答えて
私の提案はまた、いくつかのJavascriptを追加することです。 モバイルオペラだけでなく、iPhone、Minimo(ミニモジラ)などは、少なくともある程度はJavascriptを理解することができます。
function noNumbers(e) {
var keynum;
var keychar;
var numcheck;
if(window.event) // IE
{
keynum = e.keyCode;
}
else if(e.which) // Netscape/Firefox/Opera
{
keynum = e.which;
}
if((keynum >= 48) && (keynum <= 57)) {
return(true);
}
var good_codes = [8, 14, 15, 37, 38, 39, 40];
for(i = 0; i < good_codes.length; i++) {
if(good_codes[i] == keynum) {
return(true);
}
}
return(false);
}
:)
あなたが話しているフォーマットはWCSS(WAP CSS)特性であり、そのように、非常に広くサポートされていません - 特に現代のモバイルデバイスに。
-wap-input-formatはどんな場合でもうまく機能しません。たとえば、ユーザが小数点( "2.50")で数字入力を入力することは、不可能(closest solution: -wap-input-format: "*n")の次になります。
しかし、検証のためにプロパティを使用することはできませんが(これはサーバー側である必要があります)、モバイルデバイスの入力を数値に自動的に切り替えることでユーザーを助けることができます。
入力フィールドの名前(例: "myfield_zip")に "zip"または "phone"を追加すると、同じものがsaid to be possibleになります。ええ、私は知っている、これはclunkyです。
私はまだ素晴らしいアフォーダンスを引き起こすので、私はまだ両方のトリックを使用したいと思います(また、必要に応じて、それらに加えてJavascriptを使用することもできます)。
Operaやiphoneではjavascriptが必要ではなく、おそらくアンドロイドではありません。 HTML5の "number"入力タイプを使用してください。それは、それをサポートしていないブラウザのテキスト入力に戻ってしまいます。
<input type='tel' />
は、AndroidとiPhoneのデフォルトブラウザとAndroid用Chromeにテンキーパッドを表示します。 WP8のブラウザはIE9に基づいているため、Windows Phone 7.5では動作しませんが、Windows Phone 8で動作するはずです。
<input type='number' />
を使用して
はあまりにもこれを実行しますが、自動的に先頭のゼロを削除します。
- 1. Gtk :: Entryウィジェットで数値入力を強制する
- 2. 数値の入力で先行ゼロを強制します。
- 3. HTML5、値の入力パターン検証を強制する方法は?
- 4. jQueryで入力に入力イベントを強制的に入力します
- 5. Grails - sortableColumn - 数値文字列の数値ソートを強制する
- 6. 基準のベンチマーク前に関数入力の評価を強制する
- 7. Android - EditText複数行の高さを強制的に入力する
- 8. 強制的な値の強制伝播
- 9. 特定の入力を受け入れるようにPythonの関数を強制するには?
- 10. Wordpress:強制的に私のサイトマップでhttpにhttpsを入力
- 11. PHPが特定の数値を強制的に使用する
- 12. モバイルデバイスの数値キーボードを強制的に使用する
- 13. C#のリソースファイルを強く入力する
- 14. UITextFieldで入力を確認する方法(数値入力)
- 15. 数値入力をその合計に基づいて制限する方法
- 16. 入力テキストフィールドに英語のキーボードで入力するようユーザーに強制する
- 17. TextBoxのテキストに強制値
- 18. iOSのキー値型強制
- 19. Railsの検証:入力を特定の値に制限する
- 20. 入力ボックスからの入力を英数字と ' - 'に制限する
- 21. 別の関数を入力する前にQt GUIを強制的に更新する
- 22. モバイルウェブ:数値入力+数値演算子
- 23. すべてのモバイルデバイスの入力テキストの数値キーボードの入力
- 24. JSF強制レンダリング値式
- 25. UITextFieldに入力されるcharctersの数を制限する
- 26. 「無制限」ダイナミックコントロールからデータベースに値を入力する
- 27. Jquery数値入力問題
- 28. html5:数値入力タイプ
- 29. MATLABで変数型を強制する
- 30. 入力フィールドの文字数を制限する
試しました。あきらめました。 Tomが言うように、あなたはハイエンドの携帯電話で動作するjavascriptを試すことができます。すでに試したことがあるCSSは他の人にとってはうまくいくでしょうが、多くの携帯電話は単に協力しないので、何もできません。サーバー側の検証が答えになるはずです。 – darasd
クライアント側の検証は、便宜上(つまり、即時のフィードバックのために)**便利です**。クライアントによって「チェックされた」データがきれいであり、悪ではないと仮定すると、事故が起こるのを待っています。サーバー側の検証は、データが必要な形式になっていることを確認するための**必須項目です**。 – BryanH