js判断。解决办法

2013-01-21

js判断。下面这个如何让textbox里面全部填写再提交呢？？%@ Page LanguageC# AutoEventWireuptrue Cod

js判断。
下面这个如何让textbox里面全部填写再提交呢？？

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="listTest.aspx.cs" Inherits="Hy_listTest" %>

<!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>
    <link href="Images/style.css" rel="stylesheet" type="text/css" />
    <script src="Js/jquery-1.3.2.min.js" type="text/javascript"></script>
    <style type="text/css">
        td
        {
            border: 1px solid #F3F3F3;
        }
        .Warin
        {
            border: 1px solid red;
        }
    </style>
    <script type="text/javascript">
        $(document).ready(function () {
            $("#Button1").click(function () {
                $("#result").find("input[type='text']").each(function () {
                    if ($(this).val() == "") {
                        alert("不能为空！");
                        return false;
                    }
                    else {
                        alert("提交成功!")
                    }
                }) //each end
            })
        })
           
       
      

   
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div id="result" style="border: 1px solid red">
        <input type="text" class="input" />
        <input type="text" class="input" />
        <input type="text" class="input" />
    </div> 
 
    <div>
        <input id="Button1" type="button" value="button" /></div>
    </form>
</body>
</html>

[解决办法]


<%@ Page Language="C#" AutoEventWireup="true" CodeFile="listTest.aspx.cs" Inherits="Hy_listTest" %>
 
<!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>
    <link href="Images/style.css" rel="stylesheet" type="text/css" />
    <script src="Js/jquery-1.3.2.min.js" type="text/javascript"></script>
    <style type="text/css">
        td
        {
            border: 1px solid #F3F3F3;
        }
        .Warin
        {
            border: 1px solid red;
        }
    </style>
    <script type="text/javascript">
            function formValid(){
                $("#result").find("input[type='text']").each(function () {
                    if ($(this).val() == "") {
                        alert("不能为空！");
                        return false;
                    }
                        return true;
                }) //each end
             }
    </script>
</head>
<body>
    <form id="form1" runat="server" onsubmit="return formValid()">
    <div id="result" style="border: 1px solid red">
        <input type="text" class="input" />
        <input type="text" class="input" />
        <input type="text" class="input" />
    </div>
    <div>
        <input id="Button1" type="button" value="button" /></div> 
 
    </form>
</body>
</html>

[解决办法]
var  state=0；

if ($(this).val() == "") ｛state=1｝

在循环遍历完后判断state
[解决办法]
   <script language="javascript" type="text/javascript">        $(document).ready(function () {
            $("#Button1").click(function () {
                $("#result").find("input[type='text']").each(function () {
                    if ($.trim($(this).val()) == "") {
                        alert("不能为空！");
                        return false;
                    }
                    return true;
                }) //each end
            })
        })</script>
[解决办法]
二楼可以解决这个问题，主要就是点击或者提交事件哪里加判断

热点排行

asp.net

js判断。解决办法