Question

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

只是一个例子：

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

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

    return isValid;
});

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

注意：我不会使用插件。

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/

从如何创建自己的插件中吸取一些教训。

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

3 个答案: