在表格中获取方法表单

时间:2014-05-06 11:34:53

标签: javascript html

我之前曾问过一个问题,但我认为我没有正确地提出这个问题。 这是我的代码:

HTML

<form method="GET" id="demotest" action="#">
    <table id="contactustable">
        <tr>
            <td colspan="3"><h4>Contact Form:</h4></td>
        </tr>
        <tr>
            <td width="15%">message </td>
            <td width="35%"><input type="text" name="message" id="message" form="demotest"></td>
            <td width="7%"><span id="error-message"></span></td>
            <td colspan="2"><input type="submit" name="submit" id="submit" value="submit" onclick="return testingvalidation();" form="demotest"> </td>
            <td width="25%"><span id="status">Message Status : </span></td>
        </tr>
    </table>
</form>

脚本

function testingvalidation () {
    var message=document.getElementById("message").value;
    var error=0;

    if (message == "") {
        var msg="please enter name";
        document.getElementById("error-message").innerHTML=msg; 
        error++;
    }
    else {
        document.getElementById("error-message").innerHTML="";
    }

    if(error > 0) {
        var msg="Message Status : Error";
        document.getElementById("status").innerHTML=msg; 
        return false;
    }
    else {
        messagesend="Message Status : Send";
        document.getElementById("status").innerHTML=messagesend; 
        return true;
    }
}

这是我的代码,但问题是,当我运行它并且如果它成功通过验证..它将使用get方法发送表单..但是消息不会出现在屏幕上(“消息状态” :发送“)。如果我在底部更改返回true以返回false,则消息会出现,但表单不会提交。

很抱歉继续发布有关此问题的新帖子。有人可以帮我解决这个问题。谢谢

1 个答案:

答案 0 :(得分:0)

脚本works fine

您无法看到该消息,因为该表单会立即提交并加载新页面。新页面不包含该消息。