3

私は静的フォームで Yii ユーザー側の検証を使用していますが、これは素晴らしいことです。しかし、ajax で読み込まれた要素のバリデーターを追加する方法がわかりません。

私は単純なフォーム ウィジェットを持っており、AJAX 経由でさらにいくつかの入力フィールドをロードしたいと考えています (小さな jQuery スクリプトでは問題ありません)。しかし、読み込まれた要素に Yii JavaScript バリデーターを追加する方法がわかりません。つまり、次のような自動作成された JS バリデーターです。

<script type="text/javascript">
/*<![CDATA[*/
jQuery(function($) {
$('#newsletter-form-footer').yiiactiveform({'validateOnSubmit':true,'validateOnChange':false,'afterValidate':Form.handleByAjax,'attributes':[{'id':'NewsletterForm_emailaddress','inputID':'NewsletterForm_emailaddress','errorID':'NewsletterForm_emailaddress_em_','model':'NewsletterForm','name':'emailaddress','enableAjaxValidation':false,'clientValidation':function(value, messages, attribute) {

if($.trim(value)=='') {
    messages.push("  VALIDATOR_REQUIRED");
}


if($.trim(value)!='' && !value.match(/^[a-zA-Z0-9!#$%&'*+\/=?^_`{|}~-]+(?:\.[a-zA-Z0-9!#$%&'*+\/=?^_`{|}~-]+)*@(?:[a-zA-Z0-9](?:[a-zA-Z0-9-]*[a-zA-Z0-9])?\.)+[a-zA-Z0-9](?:[a-zA-Z0-9-]*[a-zA-Z0-9])?$/)) {
    messages.push("  VALIDATOR_EMAIL");
}

}}]});
});
/*]]>*/
</script>

そのバリデーターを追加または削除する方法はありますか?

4

1 に答える 1

0

これは少しトリッキーです... yiiactiveform を使ってそれを行いたい場合は、次のようにする必要があります:

  1. フィールドを検証に追加する、または
  2. 検証からフィールドを削除する

私の提案は次のとおりです。

  1. 独自の JavaScript 検証関数を作成します (ここに yii の検証コードをコピーしてもかまいません)。

    $('#newsletter-form-footer').submit(function() {
        return MyValidator.validate();
});

  2. フィールドをフォームにロードするとき

    //You have to get rulesORoptions
// along with fieldName from your ajax request.
MyValidator.add(fieldName, rulesORoptions);

  3. フォームからフィールドを削除する場合

    MyValidator.remove(fieldName);

  4. ここに MyValidator コード...

    var MyValidator = {
        fields: {},

        add: function(fieldName, rulesORoptions) {
                this.fields[fieldName] = rulesORoptions;
        },
        remove: function(fieldName) {
                delete this.fields[fieldName];
        },

        validate: function() {
                var success = true;
                for(var fieldName in this.fields) {
                        for(var rule in this.fields[fieldName]) {

                                if( eval('MyValidator.'+rule+'($("#'+fieldName+'").val())') == false ) {
                                        $("#'+fieldName+'_em_").html("validation failed (some error text, rulesORoptions may contain error text )");
                                        success = false;
                                }
                        }
                }

                return success;
        },

        /* Validation methods are here, 
           copy the javascript validation code from Yii
        */
        email: function(value) {
                if($.trim(value)!='' && !value.match(/^[a-zA-Z0-9!#$%&'*+\/=?^_`{|}~-]+(?:\.[a-zA-Z0-9!#$%&'*+\/=?^_`{|}~-]+)*@(?:[a-zA-Z0-9](?:[a-zA-Z0-9-]*[a-zA-Z0-9])?\.)+[a-zA-Z0-9](?:[a-zA-Z0-9-]*[a-zA-Z0-9])?$/)) {
                        return false;
                }

                return true;
        },
        required: function(value) {
                if($.trim(value)=='') {
                        return false;
                }

                return true;
        },
        number: function(value) {
                if(/*copy yii validation code */) {
                        return false;
                }

                return true;
        },
        .....
        .....
};
于 2012-09-10T14:00:57.023 に答える