在Yii中使用另一个jQuery表单验证插件

Question

我从一个带有用户输入验证的注册表开始。一切正常。但是现在想要使用另一个jquery插件进行表单验证，因为我想要另一种显示错误消息的方式。

我该怎么做？

btw非常好的框架：）

巨星 托马斯

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>');
    }
);