jquery - Yiiで別のjQueryフォーム検証プラグインを使用する

Question

まず、ユーザー入力の検証を含む登録フォームから始めます。すべて正常に動作します。しかし、エラーメッセージを表示する別のスタイルが必要なため、フォームの検証に別のjqueryプラグインを使用したいと思います。

これどうやってするの？

ところで非常に素晴らしいフレームワーク:)

グレートトーマス

Answer 1

jQuery Walidate を試すことができます: http://jquery.dop-trois.org/walidate/

カスタムエラーメッセージを作成するには (簡単):

HTML:

<div id="error-message" style="display: none">
    Please fill out all required fields!
</div>

Javascript:

$('form').walidate({
    doIfSomethingIsInvalid: function() {
        // will be executed after clicking the submit-button
        // if a required input is empty.
        $('#error-message').fadeIn().delay(2500).fadeOut();
    }
});

または各要素について:

$('.mail').walidate('validate', {
    valid: function() {
        $(this).next('.errorMsg').remove();
    },
    invalid: function() {
        $(this).after('<em class="errorMsg">Please enter a valid e-mail adress</em>');
    }
);