ASP.NET输入数据的问题，要求限制数据范围

[skyit]

一个输入的文本框，
例如如下

（） 要求在这个框里输入数据，如果数据在某范围之内，则这个框不发生变化，
如果超出范围了，这个框就成为红色。但是，数据还是照样能入库的。


例如


（ ） 要求这里是数据范围是 1-10，如果输入11，则该框成为红色。

然后，数据入库的时候，把某个特殊的字段设置成false。


谁做过那个输入框变色的吗？

注：取值范围是动态的，是要按照数据库里的来取

[chenyunkun2008]

输入框变色，你google下吧，还有那个限制输入，我建议有正则匹配 ^/d[0-9]

[liherun]

[Quote=引用 1 楼 chenyunkun2008 的回复:]
输入框变色，你google下吧，还有那个限制输入，我建议有正则匹配 ^/d[0-9] 
[/Quote]
正则现在这么流行

[liherun]

[Quote=引用 1 楼 chenyunkun2008 的回复:]
^/d[0-9] 
[/Quote] 这个是什么意思？

[long123x]

数字0到9

[long123x]

^/d
好像是长度只能是1位数..不加^ 貌似就可以是多位..

很少用这个 不大记得了,,等待高手来答

[Lovely_baby]

楼主是要判断大小 还是 长度？？
大小的话 用label得到值 对比 大于 加样式
长度 直接用lenght
~~

[三碗猪脚]

<script type="text/javascript">
function chk(min, max, ctrid) {
var val = document.getElementById(ctrid).value;
if (val <= max && val >= min) {
document.getElementById(ctrid).style.backgroundColor = "white";
}
else {
document.getElementById(ctrid).style.backgroundColor = "red";
}
}


</script>


C#

this.TextBox1.Attributes.Add("onkeyup", "chk(20,100,'" + this.TextBox1.ClientID + "')");

[三碗猪脚]

最大值和最小值从数据库读出来，应当还要加一个正则，楼主就自己解决吧。。。应当不难了

[cswdcswd]

验证控件里面可以设定最大和最小值

[liherun]

[Quote=引用 7 楼 rovecat 的回复:]
<script type="text/javascript">
        function chk(min, max, ctrid) {
            var val = document.getElementById(ctrid).value;
            if (val <= max && val >= min) {
                document.getElementById(ctrid).style.backgroundColor = "white";
            }
            else {
                document.getElementById(ctrid).style.backgroundColor = "red";
            }
        }
       
   
    </script>


C#

  this.TextBox1.Attributes.Add("onkeyup", "chk(20,100,'" + this.TextBox1.ClientID + "')");
[/Quote]
把事件改成changed

[youthkin]

要用无刷新动态判断

[koukoujiayi]

前台:
<asp:TextBox ID="TextBox1" runat="server" onkeyup="test()"></asp:TextBox>

js:

    <script type="text/javascript">
        function test() {
            var re = /^\d*$/;
            if (!re.test(document.getElementById("TextBox1").value)) {
                alert("必须是数字！！");
                document.getElementById("TextBox1").value = "";
            }
            else {
                if (document.getElementById("TextBox1").value >= "11") {
                    document.getElementById("TextBox1").style.borderColor = "#ff0000";
                    document.getElementById("TextBox1").style.borderWidth = 1;
                    document.getElementById("TextBox1").style.borderStyle = "solid";
                }
                else {
                    document.getElementById("TextBox1").style.borderColor = "#cccccc";
                    document.getElementById("TextBox1").style.borderWidth = 1;
                    document.getElementById("TextBox1").style.borderStyle = "solid";
                }
            }
        }
    </script>