[잡담] 라온 자바스크립트 라이브러리에 폼기능을 추가하고있습니다.
박용서 - 저번에 말한 것 과 같이 여러가지 규격을 정하고 있습니다.
라온 : 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())
{
// 모든 조건을 통과하였음으로 서버에 통신을 보낸다.
}
};
추신.
이력서 결과좀 빨리왔으면 좋겠..... 집중이 안돼...;;
결과가 오랫동안 오지않아... 자고일어나서부터 다른업체도 알아봐야겠습니다.
너무 오랫동안 결과가 나오지않아... 더 이상 기다리고 있기가..ㅠㅠ