jquery驗證手動輸入數組元素

Question

<input type="text" name="member_name[]" size="13" value=""> 
<input type="text" name="member_name[]" size="13" value=""> 
<input type="text" name="member_name[]" size="13" value=""> 
<input type="text" name="member_name[]" size="13" value=""> 

如何驗證這4個字段，以便它們不是空白..沒有使用jquery validate插件。

Answer 1

$('input:submit').click(function() { 
    $('form').submit(function(e) { 
     $("input:text[name^='member_name']").each(function() { 
      if (!$.trim($(this).val()).length) { 
       alert('Name Field should not leave empty'); 
       return false; // or e.preventDefault(); 
      } 
     }); 
    }); 
}); 

Answer 2

您可以通過註冊一個submit事件處理程序和prevent the default behavior取消表單提交，如果你的領域之一是空的：

$("form").submit(function(event) { 
    if ($("input:text[name='member_name\\[\\]'][value='']", this).length) { 
     window.alert("No member name should be empty."); 
     event.preventDefault(); 
    } 
}); 

編輯：作爲正確納文所指出的，上面的代碼還是可以將如果這些字段只包含空白字段，則爲表單。您可以使用$.trim()與filter()來解決這個問題：

$("form").submit(function(event) { 
    if ($("input:text[name='member_name\\[\\]']", this).filter(function() { 
      return $.trim(this.value) == ""; 
     }).length) { 
     window.alert("No member name should be empty."); 
     event.preventDefault(); 
    } 
}); 

Answer 3

var valid = true; 
$('input').each(function(){ 
    if($(this).val() == "") { 
    valid = false; 
    } 
}); 

// use valid here 

Answer 4

var invalidInputs = $('input').filter(function() { 
    return $(this).val() == ""; 
}); 

var valid = invalidInputs.length == 0 

Answer 5

不是最先進的，但簡單的&明確的方法。

$("form").submit(function(event) { 

    var inputLength = $('input[type="text"]').val().length; // check for value length 

    if ($('input').val().length > 0) { 
     // submit if input value is length > 0 
     alert('Form submitted.'); 
    } 
    else { 
     // error if input value is NOT length > 0 
     alert('Fill the form.'); 
     event.preventDefault(); 
    } 
});