JQueryMobile:在运行时将html-输入类型更改为“number”？

Question

我正试图用WebView开发一个JQuery应用程序+ Android。

该应用程序默认设置为html-input，如果最终用户按下输入，则弹出。

如下所示：

​

​

，这是ok，

，但，我需要一个按钮，在那里将type更改为type="number"，按下keybord只显示数字。

如下所示：

​

​

这是我为此使用的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来替换按钮上的输入标签，所以类型被设置为number。

<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函数是don之后，我不能从html-input中提取值。

我尝试过使用$('#regnr').attr('type', 'number');，但是这个看起来不像这样：

Answer 1

查看http://www.texotela.co.uk/code/jquery/numeric/

您可以简单地更改类id，并将以下代码放在页面上：

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

如果不想使用jQuery，可以编写自己的函数并调用onkeyup事件

请参阅：158.html

另一个选项是使用step属性：

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

<input type="number" step="0.01" min="0" >