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>
[解决办法]
二楼可以解决这个问题，主要就是点击或者提交事件哪里加判断