Walidacja blur

Question

Cześć, stworzyłem walidacje w js. 

  $('#imie_kapitana').on('blur', function() {
 var input = $(this);
 var imie_kapitana = $(this).val();
 if(imie_kapitana){
 input.removeClass("invalid").addClass("valid");
 }
 else{
 input.removeClass("valid").addClass("invalid");
 }
 });

Chodzi o to, że w input'cie musi być coś zapisane, walidacje można ominąć wstawiająć spacje :/ Czy ktoś wie, co można zrobić, aby spacja nie przechodziła przez walidacje? 

Answer 1

Trimować zawartość pola przed walidacją → https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/Trim

Comments

Stworzyłem coś takiego, tylko nie działa i nie wiem w czym jest problem. 

$('#imie_kapitana').on('blur', function() {
 var input = $(this);
 var x = /^([\w-]+(?:\.[\w-]+)*)@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$/i;
 var imie_kapitana = x.test(input.val());
 if(imie_kapitana){
 input.removeClass("invalid").addClass("valid");
 }
 else{
 input.removeClass("valid").addClass("invalid");
 }
 });

 

 

---

A dlaczego nie spróbujesz z trim?

---

Nie rozumiem, czy o to chodzi? 

 $('#imie_kapitana').on('blur', function() {
 var input = $(this);
 var x = /^([\w-]+(?:\.[\w-]+)*)@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$/i;
 var imie_kapitana = x.trim(input.val());
 if(imie_kapitana){
 input.removeClass("invalid").addClass("valid");
 }
 else{
 input.removeClass("valid").addClass("invalid");
 }
 });

 

---

var imie_kapitana = input.val().trim();