원본 본문으로 이동하기

[잡담] 라온 자바스크립트 라이브러리에 폼기능을 추가하고있습니다.

박용서 - 저번에 말한 것 과 같이 여러가지 규격을 정하고 있습니다. 라온 : https://dev.saro.me/raon/ 일단 큰 규격은 아래와 같습니다. 이것저것 테스트중.. 아직 확정은 아닙니다. 여기에서 var format 을 따로 빼둔 이유는, 사이트 전체의 벨리데이션만 모와둔 문서를 만들고 이를 불러 쓰는것이 낫지않을까해서 예제에서도 이렇게 빼두었습니다. var format = { ac : { max : 64, hint : '계정 e-mail 형태', msg_empty : '계정을 입력해주세요.', msg_error : '계정은 e-mail 형태로 입력해주세요.', msg_valid : '계정형태가 올바릅니다.', // 이런 기능이 있다는걸 알리기위해 임시로 넣어봄. watch : true, // 키보드가 눌릴때마다 감시할지 여부. valid : function(val, form) { return val.isMail(64); } // 검사방법 }, pw : { max : 32, hint : '암호', msg_empty : '암호를 입력해주세요.', msg_error : '암호는 최소 8자 이상입니다.', watch : false, valid : function(val, form) { return val.length >= 8; } } }; var formtest = $.ui.form('ac-sign-in', { format : format, // flow : true, : 하나의 오류를 발견해도 계속 벨리데이션을 실행시킬지 여부. // 엔터눌림감지. 이 함수가 없으면 리턴을 하지않음.. enter : function(name) { if (name == 'ac') { this.get('pw').focus(); } else if (name == 'pw') { testsend.send(); } }, // 검사결과 콜백 : action[true : 직접, false : watch] callback : function(action, pass, name, msg) { var domEl = this.get(name); var domErr = $('#err-'+name); if (pass) { domErr.html('').delClass('on'); domEl.delClass('err'); } else { domErr.html(msg).addClass('on'); domEl.addClass('err'); // action 은 자동 watch가 아닌 무언가로부터 입력을 받은경우. // 여기에선 반짝임 효과를 넣어주고 있다. // 키보드를 누를때마다 반짝이며 에러가 표시된다면.. 상당히 눈이 아플것이다. // 때문에 action (검증시만) 작동하게 한다. if (action) { domEl.focus(); $.rep((function(i) { this.e.css('color', (i % 2 == 0) ? '#fff' : ''); }).bind({e : domErr}), 400, 4); } } } }); var testsend = function() { // 이렇게 수동으로 누를때 위 콜백에서 action 이 true로 간다. if (formtest.valid()) { // 모든 조건을 통과하였음으로 서버에 통신을 보낸다. } }; 추신. 이력서 결과좀 빨리왔으면 좋겠..... 집중이 안돼...;; 결과가 오랫동안 오지않아... 자고일어나서부터 다른업체도 알아봐야겠습니다. 너무 오랫동안 결과가 나오지않아... 더 이상 기다리고 있기가..ㅠㅠ