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