Eventos y DOM

[_facu]

Que tal, tengo una duda.
No se bien como preguntar asique voy a poner un ejemplo:

Suponiendo que yo tengo lo siguiente:

Código:

 
<input type="submit" id="boton" onclick="return funcion();" />

Mi duda es si hay alguna forma de hacer eso, es decir, que al apretar un boton (de envio de formulario en este caso, pero podria ser otro elemento) se llame a una funcion que retorne un true o false y que dependiendo de eso se lleve a cabo o no la accion natural de ese boton; pero utilizando DOM, sin tener que mezclar el codigo HTML con javascript (). Lo que yo quiero es poder hacer eso, manteniendo totalmente separados los codigos HTML y JAVASCRIPT.

Mi duda no es "como utilizar DOM", sino "hacer eso" utilizando DOM. Ya que lo que si puedo hacer, es asignar con window.onload, funciones a determinados eventos, pero no puedo hacer ese "return" que puse ahi como ejemplo.

Hay alguna forma de poder hacer eso?

Espero que se entienda lo que estoy preguntando.

Saludos y muchas gracias.

[quimfv]

No se si es lo que quires....

Código:

<input type="button" id="boton" onclick="funcion(this);" />

Código:

function function(form,...){
if (...condicion...){
...Acción a realizar si se cumple (por ejemplo form.submit();)
}else{
...Acción a realizar si no se cumple
}
}

Quim

[_facu]

Gracias, pero lo que quiero es saber si hay algo que permita sacar el "onclick" del codigo HTML, poder hacer eso pero usando DOM.