F.eks. sådan, men den tester ikke input for fejl i format eller f.eks. negative tal:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"
http://www.w3.org/TR/html4/loose.dtd"><html>
<head>
<title>Send kun ved 100%</title>
<meta name="keywords" content="roenving,
http://www.eksperten.dk/spm/548097"><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
html,body{height:100%;margin:0px;border:0px;padding:0px;font-family:tahoma,verdana,arial,sans-serif;font-size:small;}
</style>
<script language="javascript" type="text/javascript">
function collectRating(f){
var e = f.elements,acc=0;
for(i=0;e.length>i;i++){
acc += (e[i].type=="text" && e[i].name.indexOf('rating') == 0)?+e[i].value:0;
}
document.getElementById('rating').innerHTML = acc + " %";
f.send.disabled = (acc!=100)?true:false;
}
</script>
</head>
<body>
<form id="minForm" name="minForm">
Rating 1: <input id="rating1" name="rating1" type="text" value="0" onchange="collectRating(this.form);" onfocus="if(this.value==this.defaultValue)this.value='';" onblur="if(this.value=='')this.value=this.defaultValue;" size="3">%<br>
Rating 2: <input id="rating2" name="rating2" type="text" value="0" onchange="collectRating(this.form);" onfocus="if(this.value==this.defaultValue)this.value='';" onblur="if(this.value=='')this.value=this.defaultValue;" size="3">%<br>
Rating 3: <input id="rating3" name="rating3" type="text" value="0" onchange="collectRating(this.form);" onfocus="if(this.value==this.defaultValue)this.value='';" onblur="if(this.value=='')this.value=this.defaultValue;" size="3">%<br>
Rating 4: <input id="rating4" name="rating4" type="text" value="0" onchange="collectRating(this.form);" onfocus="if(this.value==this.defaultValue)this.value='';" onblur="if(this.value=='')this.value=this.defaultValue;" size="3">%<br>
Rating 5: <input id="rating5" name="rating5" type="text" value="0" onchange="collectRating(this.form);" onfocus="if(this.value==this.defaultValue)this.value='';" onblur="if(this.value=='')this.value=this.defaultValue;" size="3">%<br>
Rating 6: <input id="rating6" name="rating6" type="text" value="0" onchange="collectRating(this.form);" onfocus="if(this.value==this.defaultValue)this.value='';" onblur="if(this.value=='')this.value=this.defaultValue;" size="3">%<br>
Rating 7: <input id="rating7" name="rating7" type="text" value="0" onchange="collectRating(this.form);" onfocus="if(this.value==this.defaultValue)this.value='';" onblur="if(this.value=='')this.value=this.defaultValue;" size="3">%<br>
Rating 8: <input id="rating8" name="rating8" type="text" value="0" onchange="collectRating(this.form);" onfocus="if(this.value==this.defaultValue)this.value='';" onblur="if(this.value=='')this.value=this.defaultValue;" size="3">%<br>
Rating 9: <input id="rating9" name="rating9" type="text" value="0" onchange="collectRating(this.form);" onfocus="if(this.value==this.defaultValue)this.value='';" onblur="if(this.value=='')this.value=this.defaultValue;" size="3">%<br>
Rating 10: <input id="rating10" name="rating10" type="text" value="0" onchange="collectRating(this.form);" onfocus="if(this.value==this.defaultValue)this.value='';" onblur="if(this.value=='')this.value=this.defaultValue;" size="3">%<br>
<br><input type="submit" name="send" disabled>
</form>
Rating ialt: <span id="rating">Ingen rating</span>
</body>
</html>
