วิธีการคำนวณอัตโนมัติ แบบเป็น Textbox ธรรมดากับ Textbox ที่เป็น Array

<script type='text/javascript'>
function cal(elm){

 if(elm.value.match(/[^\d]/)){
  elm.value=0;
 }else if(elm.value.replace(/(^\s+)|(\s+$)/,'')==''){
 elm.value=0;

}

var dist1=parseInt( document.getElementById('dist1').value );

var dist2=parseInt( document.getElementById('dist2').value)
var dist3=parseInt( document.getElementById('dist3').value )

document.getElementById('result').value=dist1+dist2+dist3;
}
</script>
ระยะทาง1:<input type='text' id='dist1'onblur='cal(this)' value='0'><br>
ระยะทาง2:<input type='text' id='dist2' onblur="cal(this)" value='0'><br>
ระยะทาง3:<input type='text' id='dist3' onblur='cal(this)' value='0'><br>
รวม<input type='text' id='result' disabled>