5

私はjQuery Validation Pluginを使用しており、3 つのラジオ ボタン グループから動的に検証を追加および削除できるようにしたいと考えています。

以下のサンプル コードを使用して、テキスト フィールド入力の検証を動的に追加および削除できます。

<script type="text/javascript">
    $(document).ready(function(){   

        //Add Requird Validation
        $("#inputTextField").rules("add", "required");

        //Remove Required Validation
        $("#inputTextField").rules("remove", "required");

    });
</script>

ラジオボタンで同じことをすることは可能ですか?

4

2 に答える 2

3

投稿したコードは正常に動作します。ただし、をターゲットにしていない場合でも、後rules('add')に来る必要があり、それぞれに属性が含まれている必要があります。 .validate()inputnamename

HTML :

<form id="myform">  
     <input type="text" name="field" id="inputTextField" /> <br/> 
</form>

jQuery :

$(document).ready(function() {

    $('#myform').validate({
        // other options & rules
    });

    // must come afer validate()
    $("#inputTextField").rules("add", {
        required: true
    });

});

デモ: http://jsfiddle.net/fnKWD/

ラジオボタンで同じことをすることは可能ですか?

もちろん、名前またはその他の有効な jQuery セレクターでそれらをターゲットにするだけです。

$('input[name="myname"]')

HTML :

<input type="radio" name="myname" value="0" />
<input type="radio" name="myname" value="2" />
<input type="radio" name="myname" value="5" />

デモ: http://jsfiddle.net/LkJZw/

于 2013-02-18T22:05:05.163 に答える
0

必要なメソッドを依存関係式で使用することを検討してください。ここで、次のような必要なルールを指定します

rules: {
    details: {
      required: "#other:checked"
    }
}

これは、要素の条件付き検証を実現するためにルールを追加または削除する必要がないという点で便利な場合があります。 jsfiddle で例を試してください

于 2013-02-19T14:31:47.063 に答える