JQM simpledialog:如何提示输入数字？

Question

有没有

mode: "number"

jquery.mobile.simpledialog.js的选项？

也就是说:我需要向用户询问一个数字，我希望移动键盘处于“纯数字模式”...

Answer 1

要显示数字键盘，请将type="number"添加到input标记。在SimpleDialog中，您可以使用自由形式的显示，如下所示：

$(document).delegate('#opendialog', 'click', function() {
  $('<div>').simpledialog2({
    mode: 'blank',
    headerText: 'Some Stuff',
    headerClose: true,
    blankContent : 
      "<input type='number' /> " +
      "<a rel='close' data-role='button' href='#'>Close</a>"
  })
})​

在支持它的浏览器上，当您尝试在input标记中输入内容时，您将得到一个数字键盘。不过，这不会限制桌面浏览器上的用户输入文本。你必须单独检查它。

请参阅此jsFiddle示例。