javascript - jQuery点击不打开对话框

Question

我正在尝试制作一个简单的表单，在按下提交按钮时检查 pass1 和 pass2 字段是否相等:如果相等，将提交数据；否则，将提交数据。否则，将显示一个对话框。

但是，该按钮根本不显示对话框，而且我从控制台没有收到任何错误。这是脚本:

    $(document).ready(function() {
    $("#submit_button").click(function() {
    if ($("#pass1").val() == $("#pass2").val() && $("#pass1").val().length != 0) {
            $( "#dialog" ).dialog();
            return false;
        }
    }

    $('#dialog').dialog({
        modal: true,
        autoOpen: false,
        width: 600,
        height: 200
    });
}

这是我的表格:

<form id="signup_form" method="post" class="form"> 
    <p class="pass1"> 
        <input type="password" name="pass1" id="pass1" /> 
        <label for="pass1">Password</label> 
    </p> 

    <p class="pass2"> 
        <input type="password" name="pass2" id="pass2" /> 
        <label for="pass2">Confirm Password</label> 
    </p> 

    <p class="submit"> 
        <input id="submit_button" type="button" value="Submit" /> 
    </p> 
</form>

<div id="dialog">
    Passwords must be equal!
</div>

我从另一个关于 stackoverflow 的问题得到了比较函数，从我制作的另一个页面得到了按钮点击函数，所以我一定遗漏了一些明显的东西。

提前致谢。

Answer 1

尝试使用打开选项调用对话框。 $("#dialog").dialog("打开"); jsfiddle demo

$(document).ready(function() {
    $("#submit_button").click(function() {

    if ($("#pass1").val() == $("#pass2").val() && $("#pass1").val().length != 0) {
            $("#dialog").dialog("open" );
            return false;
        }
    });

    $('#dialog').dialog({
        modal: true,
        autoOpen: false,
        width: 600,
        height: 200
    });
});