Question

i used to use jquery validation plugin but because of lack of this plugin with wysiwyg plugins i wrote a simple script to validate my form

i tried to do it like this

function validateArticle(formData, jqForm, options) { 
  $('#errors').empty();
  if ($('#editor').val() == 0) { 
    $('#errors').show();
    $('#errors').append('<li>please enter your article body</li>');
    return false; 
  } 
  if ($('#ArticleTitle').val() == 0) { 
    $('#errors').show();
    $('#errors').append('<li>please enter your article title</li>');
    return false; 
  }
  $('#errors').hide();
  return true ;
}

i found to 1 problem when it validate the form it’s validating it field by field so the errors messages doesn’t appear at once

i tried to do something like

var errors = [];
function validateArticle(formData, jqForm, options) { 
  $('#errors').empty();
  if ($('#editor').val() == 0) { 
    errors.push('<li>please enter your article body</li>');
    var invalid = 1 ;
    return false; 
  } 
  if ($('#ArticleTitle').val() == 0) { 
    errors.push('<li>please enter your article title</li>');
    var invalid = 1 ;
    return false; 
  }
  if(invalid == 1){
    $.each(errors , function(i, val) { 
      $('#errors').append(errors [i]); 
    });
  }

  $('#errors').hide();
  return true ;
}

i tried to push errors as array elements and loop through them in case of invalid is true
bu this one doesn’t work at it all ?

is there any way to make it work ?

Answer 1

if ($('#editor').val() == 0)   // This is checking if value is 0

This does not make sense..
Try

if ($('#editor').val() == '') //Instead check for empty string

EDIT
Also you seem to be hiding the error’s div in the end.

 $('#errors').hide();

Try this code Instead

$('#validate').on('click', function() {
    var errors = [];
    var html = '<ul>' ;
    valid = true;
    $('#errors').empty();
    if ($('#editor').val() == '') {
        errors.push('<li>please enter your article body</li>');
        valid = false;
    }
    if ($('#ArticleTitle').val() == '') {
        errors.push('<li>please enter your article title</li>');
         valid = false;
    }
    if (!valid) {
        html += errors.join('') + '</ul>' 
            $('#errors').append(html);

    }
    else{
        $('#errors').hide();
    }
    return valid;
});​

DEMO