单选按钮的客户端自定义验证器
Client side custom validator for radio buttons
我面临着在客户端验证名为"male"、"female"的单选按钮的问题。我不想使用单选按钮列表,有人能检查我的代码并更正吗?谢谢
这里是.aspx页面:
<script language="javascript" type="text/javascript" >
function ClientValidate(source, e) {
if (document.getElementById("content_radmale").checked == true || document.getElementById("content_radfemale").checked == true) {
e.IsValid = true;
}
else {
e.IsValid = false;
}
// alert("Enter gender !");
}
</script>
<asp:CustomValidator ID="CustomValidator1" runat="server"
ErrorMessage="please enter any option" ClientValidationFunction = "ClientValidate"
ValidationGroup="gender" ControlToValidate="txtname"></asp:CustomValidator>
And.cs页面:
string gender = radmale.Text;
if (radfemale.Checked)
{
gender = radfemale.Text;
}
CustomValidator1.Validate();
string sql = "INSERT INTO registration(emailaddress,username,password,name,gender)VALUES ('"+email+"','"+username+"','"+pass+"','"+name+"','"+gender+"') ";
SqlCommand cmd = new SqlCommand(sql, con);
con.Open();
cmd.ExecuteNonQuery();
con.Close();
我在asp中不受欢迎,但我知道你也可以在其中添加html。如果你不想使用单选按钮,可以使用这样的选择框。
HTML
<select id = "gender">
<option value = 'm'>Male</option>
<option value = 'f'>Female</option>
</select>
JQUERY
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<script type = "text/javascript">
$(document).ready(function() {
//get the selected gender
$('#gender').change(function() {
var gender = $(this).val();
alert(gender);
});
})
</script>
请尝试使用以下代码片段。
JS-
function validateRadioButton() {
var v1 = document.getElementById("RequiredFieldValidator1");
if ($('input:radio[name=Gender]').is(':checked') == false) {
ValidatorEnable(v1, true);
return false;
}
else {
ValidatorEnable(v1, false);
return true;
}
}
function ClientValidate(source, e) {
e.IsValid = false;
}
$(document).ready(function () {
var v1 = document.getElementById("RequiredFieldValidator1");
ValidatorEnable(v1, false);
});
ASPX-
<asp:RadioButton ID="RadioButton1" runat="server" GroupName="Gender" Text="Male" />
<asp:RadioButton ID="RadioButton2" runat="server" GroupName="Gender" Text="Femlae" />
<div style="display: none;">
<asp:TextBox ID="TextBox1" runat="server" Text="1"></asp:TextBox>
</div>
<asp:CustomValidator ID="RequiredFieldValidator1" runat="server" ControlToValidate="TextBox1"
ClientValidationFunction="ClientValidate">jayesh goyani</asp:CustomValidator>
<asp:Button ID="Button1" runat="server" Text="Button" OnClientClick="return validateRadioButton();" />
相关文章:
- jQuery自定义验证比较多个输入的序列
- 自定义表单验证和提交
- jQuery工具验证器自定义效果-添加&消除影响
- 在 AngularJs 中验证自定义指令(我想让它成为必需的)
- jQuery验证自定义错误
- jQuery验证自定义方法规则和具有动态名称的消息
- 有没有一种更优雅、可扩展的方式可以向JQuery验证自定义方法添加多个条件
- 简单的jquery验证-自定义位置错误消息放置
- jQuery验证插件:验证自定义日期格式
- jQuery验证自定义验证器不会被触发,即使名称是正确的
- 无法使用淘汰验证验证自定义组
- HTML5表单验证自定义
- JS验证自定义规则来检查数组是否为空
- 使用jQuery表单验证自定义Ajax请求
- 当返回false时,JQuery验证自定义方法不显示
- 未定义不是函数:单元测试护照身份验证自定义回调
- 不同元素的Jquery验证自定义消息动态变化
- 添加文件之前进行验证(自定义)
- 如何使用 jQuery 验证插件验证自定义 JavaScript 对象
- 淘汰验证自定义消息模板的问题