jquery - 使用 jquery 验证插件的最佳实践是什么

Question

我需要编写一个 jQuery 插件来验证表单，我正在考虑这样的事情开始：

只是一个例子：

$('form').submit(function() {
    var isValid = true;
    var required = $('.required').val();

    if(required== ''){
        isValid = false;
    }

    return isValid;
});

我是个好习惯吗？存在一些模式来验证表单？，最好的选择是什么？

注意：我不会使用插件。​</p>

Answer 1

尝试：

$('form').submit(function() {
    var isValid = true;
    $('.required').each(function(){
         if($(this).val() == ''){
            isValid = false;
         }
    })
    return isValid;
});

Answer 2

这是一个开始：

$('form').submit(function()
{
    var isValid = true;

    $('.required', this).each(function()
    {
        if (this.value == '')
        {
            isValid = false;

            $(this).addClass('error').focus();

            return false;
        }
    });

    return isValid;
});

这是小提琴：http: //jsfiddle.net/DUNc2/

Answer 3

我知道你不想使用插件，但这是一个很好的学习方式，你可以在这里下载最流行的 jquery 验证插件：

http://bassistance.de/jquery-plugins/jquery-plugin-validation/

从如何制作该插件来创建您自己的插件中吸取一些教训。