이런저런 개발 이야기

keypress 이벤트로 처리를 하면 한글로 바꾼후 타이핑하면 의미가 없게 된다. input 이벤트에서 처리를 해야 IME 입력도 대처할 수 있다. 1. input 태그에 아래와 같이 이벤트를 건다. 2. onlyAlphaNum 함수를 아래와 같이 작성한다. function onlyAlphaNum(input) { const regex = /^[A-Za-z0-9_]*$/; // 영문, 숫자, 언더바만 허용하는 정규 표현식 if (!regex.test(input.value)) { // 입력된 값이 정규 표현식과 맞지 않으면 값을 수정 input.value = input.value.replace(/[^A-Za-z0-9_]/g, ''); } } 위와 같이 하면 입력언어를 바꿔도 영문, 숫자, 언더바만 입력받는것..

시나리오 : form 페이지에서 submit될 때 비동기로 액션을 호출한다. 이때 사용자로부터 입력을 못받게 회색 레이어로 덮어준다. 액션에서는 json 객체를 반환한다. 1. 액션에서 익명객체 생성하여 Json으로 반환 public class AjaxTextController : Controller { ... [HttpPost] public ActionResult SubmitForm(FormCollection fc) { string p1 = fc["p1"] == null ? "" : fc["p1"].ToString(); string p2 = fc["p2"] == null ? "" : fc["p2"].ToString(); for (int i = 0; i < 10; i++) { Thread.Sleep(10..

첨부파일 용량은 서버에서 제한을 하게 된다. 본 포스팅은 서버설정은 다루지 않고, 오로지 클라이언트에서 사전 체크해주려고 할 때 참고하면 된다. 서버에서만 제한하고 클라이언트에서 체크하지 않으면, 원치 않는 오류를 만나게 된다. ​ 제한할 용량은 다음 수식으로 계산할 수 있다. ​ 메가바이트 * 1024 * 1024 ​ 즉, 10메가로 용량을 제한하려면 아래와 같이 변수 정의를 한다. 이제, input 태그에 onchange 이벤트를 걸어준다.