关于input验证为空

时间:2022-11-06 19:40:01
页面中有asp的控件 像这样的 <asp:TextBox ID="txtName" runat="server" Width="300px" CssClass="keyword required"></asp:TextBox>

提交的按钮是这样的        <asp:Button ID="btnSave" runat="server" Text="添加" CssClass="submit"  OnClick="return check()"
            Height="27px" /> 以上asp:TextBox这些是可以验证的

现在页面中有一部分代码是批量自动产生的 sb.Append("<input type=\"text\" name=\"CostPrice\" value=\"\"/>");

生产的是这样的<input type=​"text" name=​"CostPrice" value>​ 
我想要验证input不为空 该怎么写  
就是要求asp:TextBox 与 input 同时都要验证

7 个解决方案

#1


学学jquery吧

$("input").each()

#2


<input type=​"text" name=​"CostPrice" value="" />
前台用js验证
后台
​string CostPrice = Request.Form["CostPrice"].ToString();

#3


引用 1 楼 still_melody 的回复:
学学jquery吧

$("input").each()


那我这个应该在什么地方触发他呢 有没有具体的代码 谢谢

#4


引用 2 楼 banian_cn 的回复:
<input type=​"text" name=​"CostPrice" value="" />
前台用js验证
后台
​string CostPrice = Request.Form["CostPrice"].ToString();


我是想知道应该在什么地方触发这个js验证 提交按钮用的是<asp:Button ID="btnSave" runat="server" Text="添加" CssClass="submit"  OnClick="btnSave_Click"   Height="27px" />   前面那个地方写错了  我触发的时候使用的这个事件 OnClick="btnSave_Click"  

#5


前台:
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script type="text/javascript" src="Scripts/jquery-1.4.1.min.js"></script>
    <script type="text/javascript">
        $(function () {
            $("#Button1").click(function () {
                $("input[type=text]").each(function () {
                    if (this.value == "") {
                        alert('文本框不能为空');
                    }
                })
            })
        })
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:Literal ID="literal" runat="server"></asp:Literal>
        <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
        <asp:Button ID="Button1" runat="server" Text="Button" />
    </div>
    </form>
</body>
</html>


后台:
protected void Page_Load(object sender, EventArgs e)
        {
            if (!IsPostBack)
            {
                System.Text.StringBuilder sb = new System.Text.StringBuilder();
                sb.Append("<input type=\"text\" name=\"CostPrice\" value=\"\"/>").Append("<input type=\"text\" name=\"CostPrice\" value=\"\"/>");
                literal.Text = sb.ToString();
            }
        }

#6


引用 5 楼 zhanglong_longlong 的回复:
前台:
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script type="text/javascript" src="Scripts/jquery-1.4.1.min.js"></script>
    <script type="text/javascript">
        $(function () {
            $("#Button1").click(function () {
                $("input[type=text]").each(function () {
                    if (this.value == "") {
                        alert('文本框不能为空');
                    }
                })
            })
        })
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:Literal ID="literal" runat="server"></asp:Literal>
        <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
        <asp:Button ID="Button1" runat="server" Text="Button" />
    </div>
    </form>
</body>
</html>


后台:
protected void Page_Load(object sender, EventArgs e)
        {
            if (!IsPostBack)
            {
                System.Text.StringBuilder sb = new System.Text.StringBuilder();
                sb.Append("<input type=\"text\" name=\"CostPrice\" value=\"\"/>").Append("<input type=\"text\" name=\"CostPrice\" value=\"\"/>");
                literal.Text = sb.ToString();
            }
        }


这个地发验证不能为空了 怎么让他不提交呢 不走 OnClick="btnSave_Click" 的事假

#7


<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script type="text/javascript" src="Scripts/jquery-1.4.1.min.js"></script>
    <script type="text/javascript">
        function test() {
            var bool = true;
            $("input[type=text]").each(function () {
                if (this.value == "") {
                    // alert('文本框不能为空');
                    bool = false;
                }
            })
            return bool;
        }
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:Literal ID="literal" runat="server"></asp:Literal>
        <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
        <asp:Button ID="Button1" runat="server" OnClientClick="return test()" Text="Button" onclick="Button1_Click" />
    </div>
    </form>
</body>
</html>

#1


学学jquery吧

$("input").each()

#2


<input type=​"text" name=​"CostPrice" value="" />
前台用js验证
后台
​string CostPrice = Request.Form["CostPrice"].ToString();

#3


引用 1 楼 still_melody 的回复:
学学jquery吧

$("input").each()


那我这个应该在什么地方触发他呢 有没有具体的代码 谢谢

#4


引用 2 楼 banian_cn 的回复:
<input type=​"text" name=​"CostPrice" value="" />
前台用js验证
后台
​string CostPrice = Request.Form["CostPrice"].ToString();


我是想知道应该在什么地方触发这个js验证 提交按钮用的是<asp:Button ID="btnSave" runat="server" Text="添加" CssClass="submit"  OnClick="btnSave_Click"   Height="27px" />   前面那个地方写错了  我触发的时候使用的这个事件 OnClick="btnSave_Click"  

#5


前台:
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script type="text/javascript" src="Scripts/jquery-1.4.1.min.js"></script>
    <script type="text/javascript">
        $(function () {
            $("#Button1").click(function () {
                $("input[type=text]").each(function () {
                    if (this.value == "") {
                        alert('文本框不能为空');
                    }
                })
            })
        })
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:Literal ID="literal" runat="server"></asp:Literal>
        <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
        <asp:Button ID="Button1" runat="server" Text="Button" />
    </div>
    </form>
</body>
</html>


后台:
protected void Page_Load(object sender, EventArgs e)
        {
            if (!IsPostBack)
            {
                System.Text.StringBuilder sb = new System.Text.StringBuilder();
                sb.Append("<input type=\"text\" name=\"CostPrice\" value=\"\"/>").Append("<input type=\"text\" name=\"CostPrice\" value=\"\"/>");
                literal.Text = sb.ToString();
            }
        }

#6


引用 5 楼 zhanglong_longlong 的回复:
前台:
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script type="text/javascript" src="Scripts/jquery-1.4.1.min.js"></script>
    <script type="text/javascript">
        $(function () {
            $("#Button1").click(function () {
                $("input[type=text]").each(function () {
                    if (this.value == "") {
                        alert('文本框不能为空');
                    }
                })
            })
        })
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:Literal ID="literal" runat="server"></asp:Literal>
        <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
        <asp:Button ID="Button1" runat="server" Text="Button" />
    </div>
    </form>
</body>
</html>


后台:
protected void Page_Load(object sender, EventArgs e)
        {
            if (!IsPostBack)
            {
                System.Text.StringBuilder sb = new System.Text.StringBuilder();
                sb.Append("<input type=\"text\" name=\"CostPrice\" value=\"\"/>").Append("<input type=\"text\" name=\"CostPrice\" value=\"\"/>");
                literal.Text = sb.ToString();
            }
        }


这个地发验证不能为空了 怎么让他不提交呢 不走 OnClick="btnSave_Click" 的事假

#7


<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script type="text/javascript" src="Scripts/jquery-1.4.1.min.js"></script>
    <script type="text/javascript">
        function test() {
            var bool = true;
            $("input[type=text]").each(function () {
                if (this.value == "") {
                    // alert('文本框不能为空');
                    bool = false;
                }
            })
            return bool;
        }
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:Literal ID="literal" runat="server"></asp:Literal>
        <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
        <asp:Button ID="Button1" runat="server" OnClientClick="return test()" Text="Button" onclick="Button1_Click" />
    </div>
    </form>
</body>
</html>