2013-06-25 37 views
0

我面臨的問題是驗證名爲「男」,「女」的客戶端單選按鈕。我不想使用單選按鈕列表,任何人都可以檢查我的代碼並糾正它?謝謝。單選按鈕的客戶端自定義驗證器

這裏是.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> 

和的.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(); 
+0

請儘快回覆我儘可能 –

+0

[這裏](http://www.chennaisunday.com/jsradio.html)是用於適當的實例你。 – Mask

回答

0

我不是在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> 
+0

實際上我不想使用單選按鈕,,而不是radiolist ,,而且我不想通過警報驗證,通過提醒我的代碼工作正常,我想要顯示的錯誤消息就像顯示在其他驗證器的情況下一樣 –

0

請與下面的代碼片段嘗試。

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();" /> 
+0

i需要使用自定義驗證器,不需要字段驗證器 –

+0

我已經更新了我的上面的代碼片段。 –