当前位置: 代码迷 >> ASP.NET >> js判断textbox不为空解决办法
  详细解决方案

js判断textbox不为空解决办法

热度:6600   发布时间:2013-02-25 00:00:00.0
js判断textbox不为空
需求:我有10个TextBox,想通过js一次性判断这10个TextBox(10个textbox在一个div里)是否为空,如果全为空,alert错误信息;只要有一个不为空就继续别得操作。
这个怎么用JS实现?在线等

------解决方案--------------------------------------------------------
HTML code
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm6.aspx.cs" Inherits="CheckBox.WebForm6" %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" ><head runat="server">    <title>无标题页</title></head><body>    <form id="form1" runat="server">    <div id="text">        <asp:TextBox ID="TextBox1" runat="server" Style="position: relative"></asp:TextBox>        <asp:TextBox ID="TextBox2" runat="server" Style="position: relative"></asp:TextBox>        <asp:TextBox ID="TextBox3" runat="server" Style="position: relative"></asp:TextBox>        <asp:TextBox ID="TextBox4" runat="server" Style="position: relative"></asp:TextBox>        <asp:TextBox ID="TextBox5" runat="server" Style="position: relative"></asp:TextBox>        <asp:TextBox ID="TextBox6" runat="server" Style="position: relative"></asp:TextBox>        <asp:TextBox ID="TextBox7" runat="server" Style="position: relative"></asp:TextBox>        <asp:TextBox ID="TextBox8" runat="server" Style="position: relative"></asp:TextBox>        <asp:TextBox ID="TextBox9" runat="server" Style="position: relative"></asp:TextBox>        <asp:TextBox ID="TextBox10" runat="server" Style="position: relative"></asp:TextBox>                   </div>            <input type="button" value="check" onclick="return check()" />            <script type="text/javascript" >    function checkNull()    {        var status=true;        var inputs =document.getElementById("text").getElementsByTagName("input");        for(var i=0;i<inputs.length;i++)        {            if(inputs[i].value!="" )            {                status=false;            }        }        return status;    }    function check()    {                if(checkNull())        {            alert("不能全部為空");            return false;        }    }     function trim(strText)    {        return strText.replace(/^\s+|\s+$/g, '');    }    </script>    </form>    </body></html>
  相关解决方案