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

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>

它现在应该可以工作了。

Answer 2

尝试更改提交按钮的名称和 ID。有时浏览器有关键字，我认为“提交”是一个关键字，可能存在一些冲突。不确定这是否可行，但值得一试。

Answer 3

抱歉，这不是提交的问题。页面在服务器端代码中被重定向，给人一种从未提交过表单的错觉。
问题在于 Internet Explorer 捕获。cookie 的命名约定存在一些问题，它没有在会话中存储用户数据，因此用户被重定向到同一页面。