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

时间:2013-08-22 07:23:46

标签: javascript validation windows-store-apps winjs

我有带文本框和按钮的表单。我有454个html文件,从该文本框中我收集了数字并显示了相应输入的数字的html文件。这是问题所在。如果用户在1到454之间输入,则打开相应的文件。不过,什么都没发生。但是,我有一个Message Dialog代码。

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.");
     }
}

1 个答案:

答案 0 :(得分:0)

您还没有真正提出问题,但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();
   }
}