[Volun]

Прошу вашей помощи господа. Есть небольшая форма, которую надо сперва валидировать, и потом отправить. Есть два кода, первый отвечает за валидацию, а второй за отправку. Разнес их в два разных файла, но почему-то у меня форма отправляется без валидации. Или как их объединить и выполнить по условию? ID формы = "form_name", ID поля = "first_name", ID кнопки = "btn_name"

Код валидации:

$(document).ready(function() {
  $('#form_name').submit(function(e) {
    e.preventDefault();
    var first_name = $('#first_name').val();
 
    $(".error").remove();
 
    if (first_name.length< 1) {
      $('#first_name').after('<span class="error">This field is required</span>');
    }
  });
});

Код отправки:

$( document ).ready(function() {

    $("#btn_name").click(
		function(){

			sendAjaxForm('form_name','form_pass','save_user.php');
			return false; 
		}
	);
});

function sendAjaxForm(form_name, form_pass, url) {
    $.ajax({
        url:     url,
        type:     "POST", 
        dataType: "html",
        data: $("#"+form_name).serialize(), 
        success: function(response) { 
        	result = $.parseJSON(response);
    	},
    	error: function(response) { 
            $('#error_message').html('Error message');
    	}
 	});
}