怎样实现文本框中输错变红色，重新输入即可变为原来的颜色？

<html>
<head>
<title>计算</title>
<script name = "text/javaScript" lauguage = "javascript">

function cal(){
var num = parseInt(document.myform.num.value);
var price = parseFloat(document.myform.price.value);
var cost = parseFloat(document.myform.cost.value);
                                                                                        
var amount = num*price+cost;
document.myform.amount.value = amount;
}

 //只能输入数字
function onlyNum(){    
if(!((event.keyCode>=48&&event.keyCode<=57)||  (event.keyCode>=96&&event.keyCode<=105)))    
//考虑小键盘上的数字键    
event.returnvalue=false;    
}
</script>
</head><body>
<form action = "" method = "post" name = "myform">
<table width = "533" height = "133" border = "1" bgcolor = "#FFC8C8"
align = "center" cellpadding = "0" cellspacing = "0">
        //第一行
<tr>
<TH colspan = "5">简易购物车</TH>
</tr>
        //第2行
<tr>
<td width = "92" align = "center">商品名称</td>
<td width = "100" align = "center">数量(件)</td>
<td width = "110" align = "center">单位(美元)</td>
<td width = "101" align = "center">运费(美元)</td>
<td width = "130" align = "center"><input name = "button2" type = "button"  value = "合计" onClick = "cal()"/></td>
</tr>
        //第3行
<tr align = "center"> 
<td>跑跑道具</td>
<td><input name = "num" type = "text" size = "10" onkeydown="onlyNum();"></td>
<td><input name = "price" type = "text" size = "10" onkeydown="onlyNum();"></td>
<td><input name = "cost" type = "text" size = "10" onkeydown="onlyNum();"></td>
<td><input name = "amount" type = "text" size = "10">美元</td>
</tr>

</table>
</form>
</body>
</html>
问题如下：将出现非数字的文本框的边框颜色改为红色表示错误??????
在报错文本框中输入数据时将边框样式复原?????本人要实现这个功能，请高手多多指教.....