如何使用<asp:RadioButtonList>
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;
}
}
});
}
});
Jsfddle
相关文章:
- 当包含另一个asp文件时,是否也包含所有引用的样式和脚本页面
- 借助asp.net验证或java脚本对多个文本进行验证
- 将Javascript数组发送到控制器ASP.NET MVC
- ASP.NET通过单击JavaScript按钮触发c#事件
- 文本框不是从Javascript/Asp.net中的对话框中打印出来的
- 从javascript调用asp.net codebehind函数
- 使用javascript的Asp.net内容占位符
- 获取ASP.NET Ajax Timer状态
- ASP.NET网络摄像头显示
- 如何在只能有一个asp.net表单的主页上从asp.net页面中的javascript中获取值
- 如何将乳胶配方奶粉图像保存到Asp.net中的文件夹中
- 如何让asp:Panel在没有AutoPostBack的情况下与asp:RadioButtonList正常工作
- Asp.net 使用 JQUERY 选择 RadioButtonList
- 在继承的ASP上使用Javascript清除选定项失败.净RadioButtonList
- 在asp.net中恢复RadiobuttonList的先前状态
- Asp:RadioButtonList SelectedIndex不改变时,设置javascript,然后按钮被禁用
- Asp Radiobuttonlist即使在从js返回false后也会导致回发
- ASP.net使用javascript在内容页上获取RadioButtonList值
- 如何使用<asp:RadioButtonList>
- Asp:RadioButtonList即使在客户端验证失败的情况下仍然会发布回服务器