jquery - 提交按钮在 Internet Explorer 中不起作用

Question

我有一个在 Firefox 中完美运行的登录页面，但它在服务器上的 Internet Explorer 中无法运行。表单未提交。此外，我正在使用 niceform 模板。可能是什么问题？我的表单代码

            <form action="myurl"
                method="post" class="niceform">

                <fieldset>
                    <dl>
                        <dt>
                            <label for="email">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Username:</label>
                        </dt>
                        <dd>
                            <input type="text" name="username" value="" id="username" size="54" />
                            <font color="red"></font>
                        </dd>
                    </dl>
                    <dl>
                        <dt>
                            <label for="password">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Password:</label>

                        </dt>
                        <dd>
                            <input type="password" name="password" value="" id="password" size="54" />
                            <font color="red" > </font>
                        </dd>
                    </dl>
                    <dl>
                        <dt>
                            <label for="password">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Login As:</label>
                        </dt>                       
                        <dd>
                            <select name="user_type">
                            <option value="user"> User </option>

                            </select>

                        <font color="red">
                            <span id="login_err" style="display: none;"> username or password can not be left blank.</span><br />
                                                            </font>
                        </dd>
                    </dl>
                    <dl class="submit" style="text-align: right;">
                        <p style="padding-left: 91px; float: right; padding-right: 59px; width: 128px; font-weight: bold;">

                                                                                                &nbsp;
                        </p>
                        <input type="submit" name="submit" id="submit" value="Enter" />

                    </dl>

                </fieldset>

            </form>

我的脚本

<script type="text/javascript">
$(document).ready(function(){
    $('#submit').click(function(){
        var username = $.trim($('#username').val());
        var password = $.trim($('#username').val());

        if(username== ''||username == null|| password=='' || password == null ){
            $('#login_err').show();
            return false;
        }else{
            return true;
        }
    });
});
</script>

Answer 1

提交按钮不能单独使用。你需要合适的 <form>像这样围绕它:

<form method="post" action="myscript.php">
   <input type="submit" name="submit" id="submit" value="Enter" />
</form>

它现在应该可以工作了。