javascript - 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示例。