jQuery MiniUI

标题: 大家好呀 [打印本页]

作者: shenyufeng87 时间: 2014-8-18 13:45:51 标题: 大家好呀

你们mini的js脚本能写在body标签里面吗为什么我写在head标签里面就报错了我看你们的登录页面的例子报错的信息是Uncaught TypeError: Cannot read property 'show' of undefined 谢谢

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<style type="text/css">
      body {
         width: 100%;
         height: 100%;
         margin: 0;
         overflow: hidden;
      }
</style>
<link href="scripts/miniui/themes/default/miniui.css" rel="stylesheet" />
<script type="text/javascript" src="scripts/jquery.min.js"></script>
<script type="text/javascript" src="scripts/miniui/miniui.js"></script>
<script type="text/javascript">
      mini.parse();
      var loginWindow = mini.get("loginWindow");
      loginWindow.show();

      function onLoginClick(e) {
         var form = new mini.Form("#loginWindow");

         form.validate();
         if (form.isValid() == false)
            return;

         loginWindow.hide();
         mini.loading("登录成功，马上转到系统...", "登录成功");
         setTimeout(function () {
            window.location = "../outlooktree/outlooktree.html";
         }, 1500);
      }

      function onResetClick(e) {
         var form = new mini.Form("#loginWindow");
         form.clear();
      }

      function isEmail(s) {
         if (s
.search(/^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/) != -1)
            return true;
         else
            return false;
      }
      function onUserNameValidation(e) {
         if (e.isValid) {
            if (isEmail(e.value) == false) {
                  e.errorText = "必须输入邮件地址";
                  e.isValid = false;
            }
         }
      }
      function onPwdValidation(e) {
         if (e.isValid) {
            if (e.value.length < 5) {
                  e.errorText = "密码不能少于5个字符";
                  e.isValid = false;
            }
         }
      }
</script>
</head>
<body>
<div id="loginWindow" class="mini-window" title="用户登录" style="width: 350px; height: 165px;" showmodal="true" showclosebutton="false">

      <div id="loginForm" style="padding: 15px; padding-top: 10px;">
         <table>
            <tr>
                  <td style="width: 60px;"><label for="username$text">帐号：</label></td>
                  <td><input id="username" name="username" class="mini-textbox" required="true" style="width: 150px;" /></td>
            </tr>
            <tr>
                  <td style="width: 60px;"><label for="pwd$text">密码：</label></td>
                  <td><input id="pwd" name="pwd" class="mini-password" requirederrortext="密码不能为空" required="true" style="width: 150px;" />   <a href="#">忘记密码?</a></td>
            </tr>
            <tr>
                  <td></td>
                  <td style="padding-top: 5px;"><a class="mini-button" style="width: 60px;">登录</a> <a class="mini-button" style="width: 60px;">重置</a></td>
            </tr>
         </table>
      </div>

</div>
</body>
</html>

作者: felt 时间: 2014-8-18 13:54:34

把js放最下面去，html是从上到下解析的

作者: shenyufeng87 时间: 2014-8-18 14:00:40

felt 发表于 2014-8-18 13:54
把js放最下面去，html是从上到下解析的

脚本一定要写在body标签里面吗不能写在head标签里面吗？是这样的吗

作者: felt 时间: 2014-8-18 14:03:45

shenyufeng87 发表于 2014-8-18 14:00
脚本一定要写在body标签里面吗不能写在head标签里面吗？是这样的吗

你平时怎么写就怎么写
你要写在上面就包一层window.onload,等html全加载完再执行

作者: shenyufeng87 时间: 2014-8-18 14:09:48

felt 发表于 2014-8-18 14:03
你平时怎么写就怎么写
你要写在上面就包一层window.onload,等html全加载完再执行 ...

$(function(){
mini.parse();
         var loginWindow = mini.get("loginWindow");
         loginWindow.show();

         function onLoginClick(e) {
            var form = new mini.Form("#loginWindow");

            form.validate();
            if (form.isValid() == false)
                  return;

            loginWindow.hide();
            mini.loading("登录成功，马上转到系统...", "登录成功");
            setTimeout(function () {
                  window.location = "../outlooktree/outlooktree.html";
            }, 1500);
         }

         function onResetClick(e) {
            var form = new mini.Form("#loginWindow");
            form.clear();
         }

         function isEmail(s) {
            if (s
                     .search(/^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/) != -1)
                  return true;
            else
                  return false;
         }
         function onUserNameValidation(e) {
            if (e.isValid) {
                  if (isEmail(e.value) == false) {
                     e.errorText = "必须输入邮件地址";
                     e.isValid = false;
                  }
            }
         }
         function onPwdValidation(e) {
            if (e.isValid) {
                  if (e.value.length < 5) {
                     e.errorText = "密码不能少于5个字符";
                     e.isValid = false;
                  }
            }
         }
});

对吗是这样写吗谢谢您了

作者: felt 时间: 2014-8-18 14:30:31

shenyufeng87 发表于 2014-8-18 14:09
$(function(){
mini.parse();
var loginWindow = mini.get("loginWindow");

可以的

欢迎光临 jQuery MiniUI (http://miniui.com/discuss/)