0

WebView を使用して JQuery-mobil アプリ + Android を作成しようとしています。

アプリには、html-inputデフォルトでtype="text" 、エンド ユーザーが入力を押した場合に標準の Android キーボード ポップアップが表示されるように設定されています。

このような：

これで結構です

しかし、キーボードを押すと数字だけが表示されるように変更typeされるボタンが必要です。type="number"

このような：

これは私がこれに使用する HTML です:

/*html-input*/
<input type="text" name="regnr" value=""/>

/*Open keybord as number-keybord: </label>
<a href="#" data-role="button" data-mini="true" id="keybord-as-numbers">Number</a>

この JQuery スクリプトはreplaceWith、ボタンクリック時に入力タグを置換するために使用するため、タイプは数値に設定されます

<script>
$(function(){
    //onClick: keybord-as-numbers
    $("#keybord-as-numbers").click(function(){
        $("#regnr").replaceWith("");
        $("#div-searchnumber").html('<input type="number" class="searchnumber" data-icon="search" name="regnr" maxlength="4" id="regnr" value="" data-inline="true" autofocus /\>');
    });
});
</script>

問題は、css スタイルを削除すると、関数がドンされた後に.getから値を取得できないことです。html-inputreplaceWith

私は試してみまし$('#regnr').attr('type', 'number');たが、これはうまくいくようには見えません:(

4

1 に答える 1

0

http://www.texotela.co.uk/code/jquery/numeric/をチェックしてください

また、クラス ID を変更するだけで、ページに次のコードを含めることができます。

$(document).ready(function(){
    $(".numeric").numeric();
});

jQuery を使用したくない場合は、独自の関数を作成して onkeyup イベントを呼び出すことができます。

参照: http://www.htmlcodetutorial.com/forms/index_famsupp_158.html

もう 1 つのオプションは、step 属性を使用することです。

http://www.w3.org/TR/html-markup/input.number.html#input.number.attrs.step.float

<input type="number" step="0.01" min="0" >
于 2012-07-14T04:32:18.110 に答える