name

by this_mong

HTML

<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
<input type="text" name="name" id="name" maxlength="20" placeholder="이름(영문만 입력)" style="ime-mode:disabled;">

JavaScript

function name_check( name ) {    
	var eng = /^[a-zA-Z\s]+$/; 
    return (name != '' && name != 'undefined' && eng.test(name)); 
}

$("#name").blur(function(){
  var name = $(this).val();
  if( name == '' || name == 'undefined') return;
  if(! name_check(name) ) {
  	$(".result-name").text('영문으로 입력해주세요');
    $(this).focus();
    return false;
  }else {
	$(".result-name").text('');
  }
});