Forum Moderators: open
I need to limit user input in my text boxes to 4 decimal places. Any ideas?
Thanks
if(document.getElementById('Myzone').value.split('.')[1]>4){alert("too many decimals')
/*
dummy objects to emulate form boxes
for this demo
*/
box0 = {value: '111.111178'};
box1 = {value: '111.111132'};alert(round(box0.value,4));
alert(round(box1.value,4));function round(val,dp)
{
var mult = Math.pow(10,dp);
return Math.round(val*mult)/mult; /*implicit type conversion*/
}
<script type='text/javascript'>
function toolong(){
if(document.getElementById('Myzone').value.split('.')[1]){
if(document.getElementById('Myzone').value.split('.')[1].length>4){
document.getElementById('Myzone').value=document.getElementById('Myzone').value.split('.')[0]+"."+document.getElementById('Myzone').value.split('.')[1].substr(0,4)
}
}
}</script>
</head>
<body>
<input type="text" id="Myzone" onkeyup='toolong()'/>
</body>
</html>
<html>
<head>
<script type='text/javascript'>
function toolong(box){
box.value = box.value.replace(/^(.*\..{0,4}).*$/,'$1');
}</script>
</head><body>
<input type="text" id="Myzone" onkeyup='toolong(this)'/>
</body>
</html>
But you should double the triggering of function on onmouseup to avoid pasting with mouse ...
Why not take a simpler approach and use a separate text box for the decimal places? ;)
sorry for being a smart butt...yes it works! thanks a ton...
