使用jquery进行条件验证

我有一个带有许多单选按钮选项的表单，所有选项都是必需的

但是，我想在一个单选按钮上添加一个额外的验证

例如：

如果选择的值等于“棕色”，则只需对该颜色进行进一步验证，例如

input:radio[name='radTypeJoint']:checked").val() == 'Shear' 
&& 
input:radio[name='radSubstrate']:checked").val() == 'Masonry to Masonry'

return false;

有什么想法吗，非常感谢亚当

我现在明白了：

radShade: { required: function(element) {  
                if (($("input:radio[name='radShade']:checked").val() == 'Brown') && ($("input:radio[name='radGeographical']:checked").val() == 'South Facing') || ($("input:radio[name='radShade']:checked").val() == 'Brown') && ($("input:radio[name='radGeographical']:checked").val() == 'West Facing') || ($("input:radio[name='radShade']:checked").val() == 'Brown') && ($("input:radio[name='radMovement']:checked").val() != 'Increase of 12 of minimum joint width') || ($("input:radio[name='radShade']:checked").val() == 'Brown') && ($("input:radio[name='radStories']:checked").val() != 'Less than 3') || ($("input:radio[name='radShade']:checked").val() == 'Brown') && ($("input:radio[name='radSubstrate']:checked").val() != 'Masonry to Masonry') || ($("input:radio[name='radShade']:checked").val() == 'Brown') && ($("input:radio[name='radElements']:checked").val() == 'Window') || ($("input:radio[name='radShade']:checked").val() == 'Brown') && ($("input:radio[name='radTypeJoint']:checked").val() == 'Fillet')) {
                alert("This shade is not available with your current selections");
                return false;
                };
            }

---

但即使我只返回true或false，表单仍将提交。

请查看：

<input name="radiobutton" type="radio" value="brown" id="all" runat="server" class="cssRadio"/>
<input name="radiobutton" type="radio" value="black" id="Radio1" runat="server" class="cssRadio"/>
<input name="radiobutton" type="radio" value="red" id="Radio3" runat="server" class="cssRadio"/>

$(".cssRadio").click(function(){
    if($(this).val()=="brown")
    {
        //here u get the object of clicked radion button now do your validation
        alert($(this).val());
    }
    if($(this).val()=="black")
    {
        //here u get the object of clicked radion button now do your validation
        alert($(this).val());
    }
});

HTML:

<input name="radiobutton" type="radio" value="brown" id="all" runat="server" class="cssRadio"/>
<input name="radiobutton" type="radio" value="black" id="Radio1" runat="server" class="cssRadio"/>
<input name="radiobutton" type="radio" value="red" id="Radio3" runat="server" class="cssRadio"/>

$(".cssRadio").click(function(){
    if($(this).val()=="brown")
    {
        //here u get the object of clicked radion button now do your validation
        alert($(this).val());
    }
    if($(this).val()=="black")
    {
        //here u get the object of clicked radion button now do your validation
        alert($(this).val());
    }
});

---

查看它：

<input name="radiobutton" type="radio" value="brown" id="all" runat="server" class="cssRadio"/>
<input name="radiobutton" type="radio" value="black" id="Radio1" runat="server" class="cssRadio"/>
<input name="radiobutton" type="radio" value="red" id="Radio3" runat="server" class="cssRadio"/>

$(".cssRadio").click(function(){
    if($(this).val()=="brown")
    {
        //here u get the object of clicked radion button now do your validation
        alert($(this).val());
    }
    if($(this).val()=="black")
    {
        //here u get the object of clicked radion button now do your validation
        alert($(this).val());
    }
});

HTML:

<input name="radiobutton" type="radio" value="brown" id="all" runat="server" class="cssRadio"/>
<input name="radiobutton" type="radio" value="black" id="Radio1" runat="server" class="cssRadio"/>
<input name="radiobutton" type="radio" value="red" id="Radio3" runat="server" class="cssRadio"/>

$(".cssRadio").click(function(){
    if($(this).val()=="brown")
    {
        //here u get the object of clicked radion button now do your validation
        alert($(this).val());
    }
    if($(this).val()=="black")
    {
        //here u get the object of clicked radion button now do your validation
        alert($(this).val());
    }
});

---

我没有得到你的问题…我想你已经写了你的问题的答案…我在寻找正确的语法，因为我没有得到任何错误或结果返回。我知道我在正确的轨道上，但这对我来说是不可能的。你为什么写了return false？进一步看，我只是越来越沮丧。我有这个部分是必需的radShade:{required:true}然后根据这个部分的值是否为“brown”，我需要对所选颜色的结果进行进一步验证。有什么想法吗-（我没有收到你的问题……我想你已经写好了你问题的答案……我在寻找正确的语法，因为我没有收到任何错误或结果返回。我知道我在正确的轨道上，但这对我来说是不可能的。为什么你写的返回错误？进一步看，我只是感到更加沮丧。我有这个问题radShade:{required:true}然后根据此部分的值是否为“棕色”，我需要对所选颜色的结果进行进一步验证。有任何想法请：-（@Vivek:据我所知，从这个问题上我了解到Adam希望对所选单选按钮进行进一步验证。因此，通过这种方式，他将获得所选单选按钮的对象并进行进一步验证。进一步研究，我只是感到更加沮丧。我需要此部分radShade:{required:true}然后，根据此部分的值是否为“棕色”，我需要根据所选颜色对结果进行进一步验证。请提供任何意见：-（-您的意思是在显示警报后（“此阴影不适用于您当前的选择”）弹出表单正在提交，即使你在这之后写了返回false？？？@Vivek：据我所知，从这个问题上，Adam想对所选单选按钮进行进一步验证。因此，通过这种方式，他将获得所选单选按钮的对象并进行进一步验证。进一步查看，我只是越来越沮丧。我有这个部分是必需的radShade:{required:true}然后根据此部分的值是否为“棕色”，我需要对所选颜色的结果进行进一步验证。有什么想法吗：--（-你的意思是显示警报后（“此阴影不适用于您当前的选择”）弹出表单正在提交，即使在此之后您已书面返回false？？