Input enviar con obligación de campos

[bebodaulerio]

Estoy volviendo al Hobby, y por lo pronto tengo esto (mejor o peor, lo hice a través de un Excel y desde ahí se transforma a html con varios retoques que le hice despues):

<script>
function calcule2(){
var i=0; for (i=0;i<= 3;i++) {calcule();}}
function calcule(){
document.all.resultado.innerText = "La rentabilidad es %"+(((parseFloat(D5.value)/parseFloat(D6.value))*100)+parseFloat(D7.value)) ;
}
</script>

<form>
<p>
Utilidad Neta ($):
<input type="number" id="D5" style="background-color: border:1px; text-align: center;">
</p>
<p>
Capital ($):
<input type="number" id="D6" style="background-color: border:1px; text-align: center;">
</p>
<p>
Extrautilidad ($):
<input type="number" id="D7" style="background-color: border:1px; text-align: center;">
</p>
<p>
<input type="button" onClick="calcule2();" value="Resultado" style="background-color: border:1px; text-align: center;">
</p>
<span id="resultado"></span>
</form>

Y tengo dos preguntas:
1 - ¿Qué es lo que hace "var i=0; for (i=0;i<= 3;i++) {calcule();}}"?
2 - ¿Cómo puedo hacer para que el input button requiera de D5,D6,D7 completos para mostrar el "resultado"? Con <required> no funciona porque el input no es submit es button.