[React] 문자열 앞뒤 공백 비허용 (Regular Expression, trimEnd())

이경은·2022년 10월 17일
0

⚡ 들어가기

스페이스 바만 눌러서 생성을 눌러도 동작이 되고 있음.
중간 공백은 허용하되, 앞 뒤 공백은 허용하지 않으려고 함.

🔥 How to

앞 공백은 입력이 아예 불가능 하도록 시작 문자가 공백인 경우 에러로 표시하고,
뒷 공백은 입력은 받지만, 생성 전에 trimEnd() 함수를 사용해서 잘라주었다.
아래의 정규식은 맨 첫 문자는 공백이 아니고, 영문자, 숫자, 공백을 입력은 허용하는 정규식이다.

// 정규식
const regEx = (str) => {
    let check = /^\S[a-zA-Z0-9 ]*$/
    let result = check.test(str)
    return !result
}

// 문자열 뒤 공백 자르기 - trimEnd
const splitStr = title.trimEnd()

참조

https://codechacha.com/ko/javascript-remove-spaces-in-string/
https://hitomis.tistory.com/m/68
https://velog.io/@rimo09/정규식-체크
https://regexr.com/

profile
Web Developer

0개의 댓글