input 공백 입력방지하는 가장 쉬운 방법

input태그의 value가 공백일 경우 유효성체크를 해야한다.
머릿속에는 여러 가지 방법이 둥둥 떠올랐다.

정규표현식으로 아예 패턴을 만들까? 그냥 trim을 쓸까? validation 라이브러리를 쓸까?
이 중 가장 접근이 빠른 방법은 무엇일까?
프로젝트는 이미 제이쿼리를 쓰고 있었기에 그냥 trim을 쓰는 것이 에너지를 아껴 다른 코드를 더 집중해서 볼 수 있는 길이라고 판단했다.

기존 코드

기존 코드는 value가 빈 값인지만 확인하기 때문에 공백을 입력할 경우 if 조건절에 걸리지 않는다.

$(document).ready(function() {
    $("button[data-role=submit]").click(function() {   
      if($('input[name="nm"]').val() == ''){
        toastr.info('이름은 필수 입력입니다.');
        $('input[name="nm"]').val('');
        $('input[name="nm"]').focus();
        return false;
      }
    })
});

공백 입력시 유효성 체크 코드

trim()만 넣어주면 해결!

$(document).ready(function() {
    $("button[data-role=submit]").click(function() {   
      if($('input[name="nm"]').val().trim() == ''){
        toastr.info('이름은 필수 입력입니다.');
        $('input[name="nm"]').val('');
        $('input[name="nm"]').focus();
        return false;
      }
    })
});