javascript - 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();
   }
}