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

Question

有没有

mode: "number"

jquery.mobile.simpledialog.js的

选项？

I.e：我需要向用户询问一个号码，我希望移动键盘处于“仅限数字模式”......

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