提交表单并观察onsubmit事件

时间:2013-03-05 10:50:06

标签: javascript javascript-events prototypejs

这应该是微不足道的,但我没有得到它:\

HTML

<form id="myform" action="#">
    <input type="submit" value="Submit" />
    <a href="#" onclick="$('myform').submit()">Submit</a>
</form>  

JS(原型)

$('myform').observe('submit', function(e) { 
    alert('submitted!');
    e.stop();
});

为什么仅通过输入提交触发提交?不应该使用$('myform').submit()触发提交事件吗?

JSFiddle http://jsfiddle.net/d8BdM/

2 个答案:

答案 0 :(得分:2)

更改表格如下:

<form id="myform" action="">
<input type="submit" value="Submit" id="sub_but" />
<a href="#" onclick="$('sub_but').click();">Submit</a>
</form>

并保留其他代码;我在你的小提琴和测试中测试过。

Saludos;)

答案 1 :(得分:2)

更改您的javascript代码:

$('myform').onsubmit = function() {
    alert('submitted!');
    return false;
};