提交按钮无法在Internet Explorer中工作

时间:2012-11-01 17:57:38

标签: jquery html css internet-explorer niceforms

我有一个在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>

3 个答案:

答案 0 :(得分:0)

提交按钮无法单独使用。你需要适当的<form>这样:

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

现在应该可以了。

答案 1 :(得分:0)

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

答案 2 :(得分:0)

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