회원 가입 폼 체크에서 jQuery Validation 플러그인을 활용하면 폼 체크를 비교적 간단히 할 수 있다. <script type=”text/javascript”> $(function() { $.validator.setDefaults({ onkeyup:false, onclick:false, onfocusout:false, showErrors:function(errorMap, errorList){ if(this.numberOfInvalids()) { alert(errorList[0].message); } } }); $(‘form[name=fmember]’).validate({ …
$.validator.setDefaults({ onkeyup:false, onclick:false, onfocusout:false, showErrors:function(errorMap, errorList){ if(this.numberOfInvalids()) { alert(errorList[0].message); } } }); $(“#ItemForm”).validate({ rules: { it_name: “required”, it_id: “required”, it_basic: “required”, it_maker: “required”, it_brand: “required”, it_origin: “required” }, messages: { it_name: { required: “상품명을 입력해 주십시오.” }, it_id: { …
jQuery Validation Plugin : http://docs.jquery.com/Plugins/Validation $.validator.setDefaults({ onkeyup:false, onclick:false, onfocusout:false, showErrors:function(errorMap, errorList){ if(this.numberOfInvalids()) { // 에러가 있을 때만.. alert(errorList[0].message); } } }); $(“#ItemForm”).validate({ rules: { it_name: “required” }, …
한창 작업 중인 쇼핑몰 사이트에 사용하기 위해 jQuery Validation 플러그인을 찾아보니 다행히 마음에 드는 강력한 플러그인이 있어 소개하고자 한다. 매번 직접 스크립트로 폼의 데이터를 검증했는데 이제는 좀 편하게할 수 있겠다. Validation 플러그인 공식사이트 : http://bassistance.de/jquery-plugins/jquery-plugin-validation/ Validation 플러그인 참고 문서 : http://rocketsquared.com/wiki/Plugins/Validation 아래는 어떤 식으로 사용이 되는지를 보여주는 간단한 예제이다. 참고 예제 : http://jquery.bassistance.de/validate/demo/milk/ <script id=”demo” …