Removing empty Input Elements from a form

Question

I have a simple form that goes on to create all the form and validation requirements for codeigniter. What I want to do is filter out any empty inputs prior to serializatio

Answer 1

To hide elements that have no value assigned:

$('input:text[value=""]').hide();

But, of course, if a value="x" attribute is provided in the html this will result in the element being shown.

Answer 2

This will remove all the text fields which have a value of length 0:

$('#send').click(function(){ 
$(':input[type="text"]').filter(function(e){
    if (this.value.length===0){
      return true;
    }  
}).remove();
    });

example: http://jsfiddle.net/niklasvh/ZBSyX/

Answer 3

You should use a regex expression using \s as the search query. So /^(\s)*$/ as the regex and just make sure input does not match this.

Sorry but I am not familiar with Jquery or I would write the code out exactly.

Answer 4

    $('#send').click(function(){ 
//---------------------------------------   
    $(":input").each(function() {
    if($(this).val() === "")
    alert("Empty Fields!!"); //using alert just to see if empty fields are detected.
    return false;
});

And you're not getting an error from this? The first lambda's scope isn't closed.

Use Firebug to highlight errors that you might be getting and post those.