0

同じページに 2 つのフォームがあります。そして、これらのフォームの両方をいくつかの YUI モジュールで検証したいと考えています。以下のようにモジュール aui-form-validator を使用して、要件に従ってフォームを検証できました。

YUI().use('aui-form-validator', function(Y) {
        new Y.FormValidator(
          {
                boundingBox: '#form1',
                rules:{
                    answer:{
                        required : true,
                        minLength: 5,
                        maxLength: 600
                    }
                },
                fieldStrings:
                {
                    answer:{
                        required: "Please add the answer",
                        minLength: "Please enter atleast 5 characters",
                        maxLength: "Please enter no more than 600 characters"
                    }
                }
         });

});

上記のコードは正常に動作していますが、form2 を検証するために同じコード セットを追加しようとすると、動作しません。最初に書いたものだけが機能しています。

助けてください。

4

1 に答える 1

1

動作する例だけでなく、動作しない例も提供していただけるとより便利です。

また、ここでは純粋な YUI を使用していないため、AUI タグを追加することをお勧めします。

どのバージョンを使用していますか?

とにかく、次のスニペットを試してみたところ、うまくいきました。

<script src="http://cdn.alloyui.com/3.0.1/aui/aui-min.js"></script>
<link href="http://cdn.alloyui.com/3.0.1/aui-css/css/bootstrap.min.css" rel="stylesheet"></link>

<form id="form1">
<input name="answer" type="text" value=""> 
<input type="submit" value="SUBMIT">
</form>

<form id="form2">
<input name="answer2" type="text" value=""> 
<input type="submit" value="SUBMIT">
</form>

<script>
YUI().use('aui-form-validator', function(Y) {
        new Y.FormValidator(
          {
                boundingBox: '#form1',
                rules:{
                    answer:{
                        required : true,
                        minLength: 5,
                        maxLength: 600
                    }
                },
                fieldStrings:
                {
                    answer:{
                        required: "Please add the answer",
                        minLength: "Please enter atleast 5 characters",
                        maxLength: "Please enter no more than 600 characters"
                    }
                }
         });


           new Y.FormValidator(
          {
                boundingBox: '#form2',
                rules:{
                    answer2:{
                        required : true,
                        minLength: 5,
                        maxLength: 600
                    }
                },
                fieldStrings:
                {
                    answer2:{
                        required: "Please add the answer2",
                        minLength: "Please enter atleast 5 answer2",
                        maxLength: "Please enter no more than 600 answer2"
                    }
                }
         });

});
</script>

ウディット？

于 2015-08-18T14:04:37.427 に答える