<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="">

How do i validate these 4 fields so that they are not blank.. without using jquery validate plugin.?

<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="">

How do i validate these 4 fields so that they are not blank.. without using jquery validate plugin.?

• javascript
• jquery

Share Improve this question Follow asked Aug 8, 2011 at 10:00 JABJAB 3,62699 gold badges3838 silver badges3939 bronze badges 2

• 2 Validate what? Are those required fields? E-mail addresses? Please clarify your question. – Frédéric Hamidi Commented Aug 8, 2011 at 10:02
• updated question.. please check – JAB Commented Aug 8, 2011 at 10:04

Add a ment  | 

5 Answers 5

Sorted by: Reset to default 3

You can cancel the form submission by registering a submit event handler and prevent the default behavior if one of your fields is empty:

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

EDIT: As naveen correctly points out, the code above would still submit the form if the fields only contain whitespace. You can use $.trim() with filter() to fix the problem:

$("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();
    }
});

$('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();
            }
        });
    });
});

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

// use valid here

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

var valid = invalidInputs.length == 0

Not most advance, but simple & clear method.

 $("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();
    }
});