[英]How to validate textbox with <asp:RadioButtonList>?
我希望单选按钮列表可以验证8个文本框,在选择单选按钮时我要做两件事。
1.我有两个带有开始日期和结束日期的文本框,如果单击单选按钮时该文本框为空白,则会提示“它不能为空白”
2.我还有另外两个与上面相同的文本,这里它必须验证上面的文本框,如果它是空白的,它本身也要验证它。其他4个文本框也要对其进行警告
Radiobutton list
<asp:RadioButtonList ID="rbtLstRating" runat="server" OnClick="return checked()"
RepeatDirection="Vertical" RepeatLayout="Table" Height="255px" Width="95px" >
<asp:ListItem Text="one" Value="one"></asp:ListItem>
<asp:ListItem Text="two" Value="two"></asp:ListItem>
<asp:ListItem Text="three" Value="three"></asp:ListItem>
<asp:ListItem Text="four" Value="four"></asp:ListItem>
</asp:RadioButtonList>
这是我在JavaScript中为前两个文本框尝试过的方法,但是它不起作用。
function checked() {
var radio = document.getElementById("rbtLstRating")
var cal1 = document.getElementById('<%=textstqo.ClientId%>').value;
var cal2 = document.getElementById('<%=textedqo.ClientId%>').value;
if (radio.checked) {
if (cal1 == '' && cal2 == '') {
alert("it cannot be blank");
return false
}
else {
alert("it has been enabled");
return true;
}
}
}
文本框
<td >
<asp:Label ID="Labstart" runat="server" Text="Start Date"></asp:Label>
</td>
<td>
<asp:TextBox ID="textstqo" runat="server" ></asp:TextBox>
<td >
<asp:Label ID="Label3" runat="server" Text="End Date"></asp:Label>
</td>
<td>
<asp:TextBox ID="textedqo" runat="server" ></asp:TextBox>
</tr>
</table>
</div>
<div style="margin-top:30px">
<table>
<tr>
<td >
<asp:Label ID="Label4" runat="server" Text="Start Date"></asp:Label>
</td>
<td>
<asp:TextBox ID="txtstartdateqt" runat="server" ></asp:TextBox>
</td>
<td >
<asp:Label ID="Label5" runat="server" Text="EndDate"></asp:Label>
</td>
<td>
<asp:TextBox ID="txtenddateqt" runat="server" ></asp:TextBox>
</tr>
</table>
</div>
<div style="margin-top:30px">
<table>
<tr>
<td >
<asp:Label ID="Label7" runat="server" Text="Start Date"></asp:Label>
</td>
<td>
<asp:TextBox ID="txtstardateqre" runat="server" ></asp:TextBox>
</td>
<td >
<asp:Label ID="Label8" runat="server" Text="EndDate"></asp:Label>
</td>
<td>
<asp:TextBox ID="txtenddateqre" runat="server" ></asp:TextBox>
</td>
</tr>
</table>
</div>
<div style="margin-top:30px">
<table>
<tr>
<td >
<asp:Label ID="Label10" runat="server" Text="Start Date"></asp:Label>
</td>
<td>
<asp:TextBox ID="txtstartdateqf" class="MyTestClass" runat="server" ></asp:TextBox>
</td>
<td >
<asp:Label ID="Label11" runat="server" Text="End Date"></asp:Label>
</td>
<td>
<asp:TextBox ID="textenddatef" class="MyTestClass" runat="server" ></asp:TextBox>
您能帮忙吗,可能是在javascript或vb.net中。
尝试这个。 我认为这是您想要的。
<input type="radio" name = "box" id ="box1">
<input type="radio" name = "box" id ="box2">
<input type="text" name = "text" id ="text1">
<input type="text" name = "text" id ="text2">
<input type="text" name = "text" id ="text3">
<input type="text" name = "text" id ="text4">
$('input[type="radio"]').click(function(){
var _this = $(this).attr("id");
var count = 0;
if ($(this).is(':checked'))
{
$('input[type="text"]').each(function(){
count++;
if(_this === "box1" && count <=2) {
if($(this).val() === "") {
alert("it cannot be blank");
return false;
}
} else if (_this === "box2" && count <=4) {
if($(this).val() === "") {
alert("it cannot be blank");
return false;
}
}
});
}
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.