Остановка отправки формы, если текстовое поле пуста

Question

Попытка остановить отправку формы, когда текстовое поле пуст. Но с моим текущим сценарием, даже если текстовое поле пусто, и вы должны и проверить базу данных вы можете увидеть вновь вставленные пустые записи

$(document).ready(function(){ 

    $("#form1").on('submit',function(event){ 
     event.preventDefault(); 

if ($("#username").val() != '') { 
    } 
     data = $(this).serialize(); 
     $.ajax({ 
     type: "POST", 
     url: "username.php", 
     data: data 
     }).success(function() { 
     $("input[type=text]").val(""); 


     }); 
    }); 
}); 

Answer 1

1. HTML5 предоставляет встроенные атрибуты для элементов формы валидаций
2. Вы можете использовать необходимый атрибут с входным теге

См ссылку w3schools для примера и деталей

Answer 2

Перед представить вы можете проверить форму действителен или не используя код ниже:

$(document).ready(function(){ 
    var form = $("#formid"); 
    var validationError = $(form).valid(); 
    if (validationError) { 
     // form submit 
    } 
}); 

Answer 3

Я думаю, что это только логическая проблема, скобка перед вызовом AJAX является одним if утверждение имеет в виду, так что if блок результаты пусты и вызов AJAX выполняется каждый раз.