winjs：文本框内容验证和使用弹出消息对话框的警报？

Question

我有文本框和按钮的形式。 我有454个html文件，然后从该文本框中收集数字并显示相应输入的数字的html文件。 这是问题所在。 如果用户输入1到454之间的数字，则打开相应的文件。 否则，什么也没发生。 但是，我有一个消息对话框代码。

HTML代码：

    <div class="win-content win-settings-section">
         <input type="text" id="number" />
         <button type="button" id="buttonClick">Show !</button>
         <div id="def-content"></div>
    </div>

JavaScript代码：

function buttonClick() 
{
 var getFile = document.getElementById("number").value;
 if (getFile < 455 && getFile > 0) 
     {
     var output = new WinJS.UI.HtmlControl(document.getElementById("def-content"), { uri: '/def/f' + getFile + '.html' });
     }
 else 
     {
     Windows.UI.Popups.MessageDialog("Expected Value Range: 1 to 454.");
     }
}

Answer 1

您实际上并没有提出问题，但是Windows.UI.Popups.MessageDialog（）仅创建弹出消息。 为了显示它，您需要像这样调用showAsync（）方法。

function buttonClick() 
{
   var getFile = document.getElementById("number").value;
   if (getFile < 455 && getFile > 0) {
      var output = new WinJS.UI.HtmlControl(document.getElementById("def-content"), { uri: '/def/f' + getFile + '.html' });
   } else {
      var popup = Windows.UI.Popups.MessageDialog("Expected Value Range: 1 to 454.");
      popup.showAsync();
   }
}