2012-07-06 50 views
-2

插件,我需要写一个jQuery插件来验证形式最好的做法,我想在这样的开始:请告诉我,以验证与jQuery

只是一个例子:

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

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

    return isValid; 
}); 

I'ts一个好的做法?存在一些模式来验证表单?什么是最好的选择?

注意:我不会使用插件。

+0

'$ VAL()'只会给你第一个需要的“输入”的值。这是*不*你想要的。 – 2012-07-06 15:56:09

+0

最后,请注意,我知道你已经有jQuery表单验证插件可用,但你想写自己的。那是对的吗? – 2012-07-06 15:56:16

+0

它是正确的,但我想写一个插件将其应用于我的工作。 – kas3 2012-07-06 16:01:14

回答

0

我知道你不希望使用插件,但它是一个学习的好方法,你可以在这里下载最流行的jQuery验证插件:

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

采取从如何一些教训该插件是为了创建自己的。

+0

因为我想让我自己的插件就是为了这个。 – kas3 2012-07-06 16:00:06

+0

对不起,我不确定你的意思是什么?我知道你想制作自己的插件。我的建议是向别人学习这样做。 – peacemaker 2012-07-06 16:01:28

1

尝试:

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

即使只填写最后一个元素,它也会指示有效性。必须在循环函数内返回false,以便在发现错误后停止循环。 – 2012-07-06 15:59:21

+0

@JosephSilber是的,你的权利现在看到 – mgraph 2012-07-06 16:01:13

1

这里是一个开始:

$('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/