自学一个星期小白，已经无从下手，求大神帮改 - JavaScript论坛

<html> <head> <style type="text/css"> td {text-align:center;background-color:#C0C0C0;} input {text-align:center} .biaoge { width:1800px;height:1000px;padding-top:60px;padding-left:130px;background-color:#989898;} input:focus{background-color:#FFFFCC;} </style> <script type="text/javascript"> function IntValueCheck(input) { var value = input.value; var result = true; for (var i = 0; i< value.length; i++) { var vcar = value[i]; if ((vcar == "0")||(vcar == "1")||(vcar == "2")||(vcar == "3")|| (vcar == "4")||(vcar == "5")||(vcar == "6")||(vcar == "7") ||(vcar == "8")||(vcar == "9")||(vcar == ".")) { } else { alert("只允许输入整数字"); } } } </script> </head> <body > <div class="biaoge"> <table border="1" cellspacing="8" > <tr> <td><input id="number1" type="text" onblur="IntValueCheck(this);" /></td> <td><input id="number2" type="text" size="10px" onblur="IntValueCheck(this);"/></td> <td><input id="number3" type="text" readonly size="10px" /></td> </tr> </table> </div> </body> </html>

第 2 楼

得分:10

个人观点:
<html>
<head>

<style type="text/css">
td {text-align:center;background-color:#C0C0C0;}
input {text-align:center}
.biaoge { width:1800px;height:1000px;padding-top:60px;padding-left:130px;background-color:#989898;}
input:focus{background-color:#FFFFCC;}
</style>

<script type="text/javascript">
function IntValueCheck(input)
{
    //①这里，你得到相应对象的value
    var value = input.value;
    //②因为你的number1,2都调用这个方法，而对1,2的值的要求不一(1，为整数；2，为整数或小数)，所以必须判断是1，还是2
    if(input.id == 'number1'){
        //调用验证number1的方法
        if(!validateNumber1(value))return;
    }
    if(input.id == 'number2'){
        //调用验证number2的方法
        if(!validateNumber2(value))return;
    }
    //这里你要根据number1,2的值，自动计算结果，输出到number3(ps:不知是不是你要表达的意思)
    method();
}

//运算
function method(){
    //分别获取number1,2的值
    var number1value = document.getElementById("number1").value;
    var number2value = document.getElementById("number2").value;
    //判断都不为空
    if(!(number1value.match(/^\s*$/) || number2value.match(/^\s*$/))){
        //js中，由于整数*小数，会得不到正确的值，则处理成如下:
        //如果number2为小数，则根据小数点拆分成两个整数,处理如:
        //10 * 10.23 = 10*10 + 10*23/100（小学数学）
        //除以10的倍数，不会有精度差
        var fvList = number2value.split(/[.]/);
        //存储放进number3的值
        var v;
        //number2为整数
        if(fvList.length==1)v = number1value*Number(fvList[0]);
        //number2为小数
        if(fvList.length==2)v = (number1value*Number(fvList[0])+number1value*Number(fvList[1])/Math.pow(10,(""+fvList[1]).length));
        document.getElementById("number3").value = v;
    }
}

//验证number1
function validateNumber1(value){
    var flag = true;
    //对于number1，必须为整数，一般这种验证都用正则表达式
    var reg = /^\s*([0]|[1-9]\d*)?\s*$/;//这个正则表示的是:①一个整数，前后可以存在空格②为空。
    if(!value.match(reg)){
        alert("number1必须为整数");
        flag = false;
    }
    return flag;
}

//验证number2
function validateNumber2(value){
    var flag = true;
    //对于number2，可为整数，可为小数
    var reg = /^\s*(([0]|[1-9]\d*)([.]\d+)?)?\s*$/;//这个正则表示的是:①一个整数或小数，前后可以存在空格②为空。
    if(!value.match(reg)){
        alert("number2必须为整数或小数");
        flag = false;
    }
    return flag;
}

</script>

</head>

<body >

<div class="biaoge">
<table  border="1" cellspacing="8"  >
<h1 style ="color:red">最好学习下正则表达式,<br>方便验证操作字符串等!<br>以上只是个人意见，希望楼主和楼下的人批评指正</h1>
<tr>
<td><input id="number1" type="text"  onblur="IntValueCheck(this);" /></td>
<td><input id="number2" type="text" size="10px" onblur="IntValueCheck(this);"/></td>
<td><input id="number3" type="text" readonly size="10px" /></td>

</tr>
</table>
</div>

</body>
</html>

<html> <head> <META http-equiv=Content-Type content="charset=utf-8"> <style type="text/css"> td {text-align:center;background-color:#C0C0C0;} input {text-align:center} .biaoge { width:1800px;height:1000px;padding-top:60px;padding-left:130px;background-color:#989898;} input:focus{background-color:#FFFFCC;} </style> <script> function 检查数值(对象) { var 正则表达式=/\d*[\.]?\d*/; var 文本框内容=对象.value; var 文本框内容替换=文本框内容.replace(正则表达式,""); if(文本框内容替换.length>0) { alert("请输入数字"); 对象.value=""; 对象.focus(); } } </script> <head> <body> <div class="biaoge"> <table border="1" cellspacing="8"> <tr> <td><input type="text" onblur="检查数值(this)" /></td> <td><input type="text" size="10px" onblur="检查数值(this)"/></td> <td><input type="text" readonly size="10px" /></td> </tr> </table> </div> </body> </html>