Условная проверка с помощью jquery - PullRequest
1 голос
/ 10 февраля 2011

У меня есть форма с несколькими вариантами переключателей, все они обязательны.

Однако я хочу добавить дополнительную проверку для одного выбора переключателей.

Например:

Если выбранное значение равно «коричневому», дальнейшая проверка необходима только для этого цвета, например

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.

1 Ответ

1 голос
/ 10 февраля 2011

Проверить это:

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"/>

JQUERY:

$(".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());
    }
});
...