表单提交按钮在Firefox中不起作用,但适用于Chrome或IE

时间:2012-09-17 20:43:21

标签: javascript html

我有一个包含一些输入字段和提交按钮的表单。表单应提交给servlet。

当我点击提交/返回时,Chrome或IE中的一切都很好,但它在Firefox上没有任何作用。有关这个问题的任何想法吗?

HTML:

<body>
    <div align="center">
    <form>

        <table cellpadding ='2' border ='0'>
        <tr>
            <td>
                <label for="Database">Database</label>
            </td>
            <td>
                <input id="database" type="text" onchange="setdirtybit()" name="Database" style="width:200px"></input>
            </td>
        </tr>
        <tr>
            <td>
                <label for="Script">Script</label>
            </td>
            <td>
                <input id="script" type="text" onchange="setdirtybit()" name="Script" style="width:200px"></input>
            </td>
        </tr>
        </table>
        <br />
            <input type ='submit' value='Submit' onclick='Close()'></input>
    </form>
    </div>
</body>

JavaScript的:

function Close()
    {
        window.returnValue = "";
        if(window.dirtyFlag)
        {
            document.forms[0].method="post";
        document.forms[0].action="/nbreports/updates/";
        document.forms[0].submit();
            window.returnValue =    getValue('database') + '/' +
                        getValue('script') ;
        }
        window.close();
    }

    function getValue(varName)
    {
        if(document.getElementById(varName) == null)
            return "";
        if(document.getElementById(varName).value == null)
            return "";
        else
            return document.getElementById(varName).value;
    }

    function setdirtybit()
    {
        window.dirtyFlag = 1;
    }

3 个答案:

答案 0 :(得分:1)

$('#mytextfield').change(function(e) {
    $('input[type=submit]').focus();
});

答案 1 :(得分:0)

在提交按钮上添加了ID,他们会这样:

$(document).ready(function(){
    $('#submitButtonId').click(function(){
        var url = 'myServletUrlHere';
        var data = $('form').serialize();

        $.ajax({
            type: 'POST',
            url: url,
            data: data,
            success: alert("It worked!")
        });
    });
});

答案 2 :(得分:0)

我不确定,但是我知道以下表格在Firefox中不起作用,但在所有其他浏览器中都有效:

<form method="POST">
<textarea rows="4" cols="60" name="body"></textarea><br>
<input type="submit" value="Submit">
</form>

就像提交按钮甚至不处理鼠标单击一样。