請告訴我，以驗證與jQuery

-2

插件，我需要寫一個jQuery插件來驗證形式最好的做法，我想在這樣的開始：請告訴我，以驗證與jQuery

只是一個例子：

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

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

    return isValid; 
});

I'ts一個好的做法？存在一些模式來驗證表單？什麼是最好的選擇？

注意：我不會使用插件。

來源

2012-07-06 kas3

'$ VAL（）'只會給你第一個需要的「輸入」的值。這是*不*你想要的。 – 2012-07-06 15:56:09

最後，請注意，我知道你已經有jQuery表單驗證插件可用，但你想寫自己的。那是對的嗎？ – 2012-07-06 15:56:16

它是正確的，但我想寫一個插件將其應用於我的工作。 – kas3 2012-07-06 16:01:14

我知道你不希望使用插件，但它是一個學習的好方法，你可以在這裏下載最流行的jQuery驗證插件：

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

採取從如何一些教訓該插件是爲了創建自己的。

來源

2012-07-06 15:57:14 peacemaker

因爲我想讓我自己的插件就是爲了這個。 – kas3 2012-07-06 16:00:06

對不起，我不確定你的意思是什麼？我知道你想製作自己的插件。我的建議是向別人學習這樣做。 – peacemaker 2012-07-06 16:01:28

嘗試：

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

來源

2012-07-06 15:57:41 mgraph

即使只填寫最後一個元素，它也會指示有效性。必須在循環函數內返回false，以便在發現錯誤後停止循環。 – 2012-07-06 15:59:21

@JosephSilber是的，你的權利現在看到 – mgraph 2012-07-06 16:01:13

這裏是一個開始：

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

來源

2012-07-06 16:01:47

請告訴我，以驗證與jQuery

回答

相關問題