函数未在javascript中加载onsubmit

时间:2015-05-11 16:05:09

标签: javascript html forms onsubmit

我有一个简单的表单(删除了不相关的部分),但onsubmit似乎没有用。

function DisplayOrder() { 
    document.writeln( "<h1>Order Details</h1>" );
}
<form id = "myForm" action="" onsubmit="return DisplayOrder();"  > 
    <input type = "submit" id = "submit"  />
</form>

1 个答案:

答案 0 :(得分:1)

在函数结束时不返回false:

function DisplayOrder() { 
    document.writeln( "<h1>Order Details</h1>" ); 
    return false;
}
<form id = "myForm" action="" onsubmit="return DisplayOrder();"  > 
    <input type = "submit" id = "submit"  />
</form>

在函数末尾添加return false以防止重新加载页面而不发送表单。 return true发送表单。默认情况下,如果您不添加return false

,则会直接发送表单

编辑:

也许你的DOM中没有加载你的函数。尝试声明你的函数:

DisplayOrder = function () { 
    document.writeln( "<h1>Order Details</h1>" ); 
    return false;
}

通过这种方式DisplayOrder将在运行时定义