jquery-plugins
2012-02-08 16 views 2 likes 
2

特定のオプションが選択されているか、特定のラジオボタンが選択されている場合、または特定の文字列がテキスト入力フィールドに入力されている場合にのみ、 (依存関係式)の例依存関係は、テキストフィールドの場合、入力がチェックされているのか、されていないのか、満たされているのか、満たされていないのかを判断できます)JQuery検証:必須(依存関係式)

ここでは、 :

婚姻状況(必須項目):

<input name="status" id='status'type="radio" value="couple" checked="checked" /> 
<input name="status" id='status'type="radio" value="single male" /> 
<input name="status" id='status'type="radio" value="single female" /> 

パートナー名(従属フィールド - 'カップル' は上記から選択される場合にのみ必要)

<input name="partner" type="text" id="partner"> 

例2:必須フィールド=会場

<select name="venue" id="venue"> 
<option value="">Please select venue</option> 
<option>London EC1</option> 
<option>London E9</option> 
<option>Birmingham</option> 

等 依存フィールド=ユーザー(のみ上記選択の1つに必要な、「バーミンガム」を言う)

<input name="user" type="text" id="user"> 

どのように私はathttp示された例を適応します://docs.jquery.com/Plu gins/Validation/Methods /上記の状況で必要な#依存関係式?

user: { 
     required: "#venue:('birmingham')" 
    } 

partner: { 
     required: "#status:('couple')" 
    } 

が、これらは会場とステータス

答えて

4

での結果に関係なく、必要な作りのユーザーとパートナーの効果を持っている:

$("#myform").validate({ 
    rules: { 
    details: { 
     required: "#other:checked" 
    } 
    }, debug:true 
}); 
$("#other").click(function() { 
    $("#details").valid(); 
}); 

私が試してみましたまず、あなたのラジオ入力は異なるIDを持つべきです:

<input name="status" id='statusCouple' type="radio" value="couple" checked="checked" /> 
<input name="status" id='statusSingleMale' type="radio" value="single male" /> 
<input name="status" id='statusSignleFemale' type="radio" value="single female" /> 

次に、あなたのルールは次のようになります。

user: { 
    required: function(element) { return $("#venue").val() == 'Birmingham'; } 
}  

トリックを行う必要があります。ただ、このようなあなたのルールを作り、1秒間

partner: { 
    required: "#statusCouple:checked" 
} 

関連する問題