jquery dialog validate

以下代码，如果我试用把屏蔽的dialog去掉，alert为false。如果加上dialog的话，alert为true。
哪位大大能跟我说下，这是什么原因啊？
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>登录</title>
    <link type="text/css" rel="stylesheet" href="css/smoothness/jquery-ui-1.10.3.custom.css" />   
    <script src="js/jquery-1.9.1.js" type="text/javascript"></script>
    <script src="js/jquery-ui-1.10.3.custom.min.js" type="text/javascript"></script>
    <script src="js/jquery.validate.js" type="text/javascript"></script>
    <script src="js/login.js" type="text/javascript"></script>
    <script type="text/javascript">    
    function flashImg(){
    document.getElementById("VcodeImg").src="code.aspx?"+Math.random();
    }
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div class="login_div">
    <div id="login_step" title="登陆">
        <p>
            <label for="Account" class="label">用户名</label>
            <input type="text" id="txtAccount" name="txtAccount" class="login_txt" maxlength="20" />
        </p>
        <p>
            <label for="pwd" class="label">密码</label>
            <input type="password" id="txtPwd" name="txtPwd" class="login_txt" maxlength="20" />
        </p>
        <p>
            <label for="cod" class="label">验证码</label>
            <input type="text" id="txtCode" name="txtCode" class="login_txt" maxlength="4" style="width:50px;" />
            <img src="code.aspx" class="vcode_img" id="VcodeImg" onclick="flashImg()" />
        </p>
        <p>
            <input type="button" value="Login" onclick="login_submit()" />
        </p>
    </div>
    </div>
    </form>
</body>
</html>
login.js$(document).ready(function(){    $("#form1").validate({
            rules: {
                txtAccount: "required",
                txtPwd:"required"
            },
            messages:{
                txtAccount:"用户名不能为空",
                txtPwd:"密码不能为空"
            }
    }); 
  
//    $("#login_step").dialog({
//        autoOpen:true,
//        resizable:false,
//        draggable:false,
//        open: function(event, ui) { $(".ui-dialog-titlebar-close").hide(); }
//    })
})function login_submit(){
    alert($("#form1").validate().form());
}
jqueryvaildatedailog

解决方案 »

  1.   

    $("#login_step").dialog 的创建有语法错误，，为什么你用的方式和别人的不一样？？http://demo.jb51.net/js/jQueryDialog/
      

  2.   


    我这个不是弹出层，就是一个固定的对话框dialog创建语法没问题啊，JS没有报错，对话框也能显示
      

  3.   

    这个诡异了呀。半天没看出来。。你在使用一个 $(document).ready(function(){ 添加dialog试试。。
      

  4.   

    解决：<body>    <div class="login_div">
        <div id="login_step" title="登陆">
        <form id="form1" runat="server">
            <p>
                <label for="Account" class="label">用户名</label>
                <input type="text" id="txtAccount" name="txtAccount" class="login_txt" maxlength="20" />
            </p>
            <p>
                <label for="pwd" class="label">密码</label>
                <input type="password" id="txtPwd" name="txtPwd" class="login_txt" maxlength="20" />
            </p>
            <p>
                <label for="cod" class="label">验证码</label>
                <input type="text" id="txtCode" name="txtCode" class="login_txt" maxlength="4" style="width:50px;" />
                <img src="code.aspx" class="vcode_img" id="VcodeImg" onclick="flashImg()" />
            </p>
            <p>
                <input type="button" value="Login" onclick="login_submit()" />
            </p>
        </form>
        </div>
        </div>
    </body>
    原来是form位置的关系，把form放在div内，就正常了。。吼吼谢谢大大，结贴