프론트엔드 개발자 엄성준 블로그

  • 홈
  • 태그

input text일 때 number 입력 1

input type = "text"일 때 숫자만 입력되게 정규식 이용법

오늘 회사에서 차량의 도막을 입력받는 input의 validation을 검증하던 도중 조건이 아래와 같았습니다. - 자릿수(length)는 5이하 - e(지수), 문자,. 금지 위의 조건들을 충족하기 위해서 input type number를 vailidation 하는 건 까다롭다고 생각이 들어서 input type을 text로 지정한 뒤 문자열의 최대 길이는 maxLength 효과를 이용했고 다른 조건들은 정규식을 이용했습니다. 회사에서는 jsp + vue.js를 이용해서 구현했지만 회사 코드를 공개할 수 없어서 집에서 리액트를 이용해서 혼자 복습해 보았습니다. import React, { useState } from "react"; const YourComponent = () => { const [in..

지식 정리 📝 2023.12.13
이전
1
다음
더보기
프로필사진

꾸준함을 강점으로 삼고 있는 프론트엔드 개발자 엄성준 블로그입니다.

  • 카테고리 📂 (379)
    • 코딩 테스트 풀이 🛠 (232)
    • 지식 정리 📝 (75)
    • zero-base 프론트엔드 스쿨 ⛪️ (20)
    • 3월 협업 프로젝트(1석 4조) 👨‍👩‍👧‍👦 (19)

Tag

프로그래머스, 프론트엔드 개발자, 프론트엔드 스쿨, react, 프론트엔드 개발자 엄성준, 프론트엔드, 제로베이스, exceljs, forEach(), join(), 오토위니, 제로베이스 프론트엔드 스쿨, 엄성준, Number(), indexOf(), split(), sort(), next.js, String(), autowini,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

방문자수Total

  • Today :
  • Yesterday :

꾸준함이 강점이자 자랑인 프론트엔드 개발자 엄성준 입니다.

  • Github
  • 📷 Instar
  • 🎨Portfolio

티스토리툴바