js验证四个文本框的数值

简而言之就是有四个文本框，内容为数值，非必入项,ABCD均有可能为空，但是如果必入一定是A>B>C>D。这样子比较大小。
如，B没有输入，则判断A>C>D。这个样子。
验证方式为JS的onblur()~TOT

解决方案 »

  1.   

    是每个text的onblur还是form？这个可是不一样的
      

  2.   

    楼主这个问题看起来非常简单，我自己搞了半天也没搞出来。
    刚开始，我思路是这样的。我把所有文本框的值都取出来，放进数组。这样就可以，直接比较，数组里面，相邻两个数的大小。而不用考虑，那个文本框里面输入值没有。然后定义一个bool。结果，只能判断任意两个框的值。有3个值就判断不好了。哎~~~~失败了。希望对楼主有启发，也希望有高人出来解决！<body>
        <input type="text" id="txt1" />数1
        <input type="text" id="txt2" />数2
        <input type="text" id="txt3" />数3
        <input type="text" id="txt4" />数4
    </body>
    </html>
    <script>
        $(function () {
            //跟文本框绑定失去光标的事件
            $("input[type='text']").bind("blur", function () {
                //定义数组
                var sum = new Array();
                $("input[type='text']").each(function () {
                    if (this.value != "") {
                        //循环文本框的值，存放到数组里面
                        sum[sum.length] = this.value;
                    }
                });
                //用来判断，如果为true表示符合要求
                var t = false;
                for (i = 0; i < sum.length; i++) {
                    //比较数组里面相邻两个数的大小
                    if (sum[i] > sum[i + 1]) {
                        t = true;
                    }
                    else {
                        t = false;
                    }
                }
                //如果t为true的操作
                alert(t);
            });
        });
    </script>
      

  3.   


    if($("#idA").val != null ||  parseFloat($("#idA").val()) != 0){
    var target = $("#idA").bind("blur.validate-compareTo", function() {
    $("#idB").valid();
    });
    }
    这样子解决了……TOT