폼 값 유효성 검증 jquery.validate.js - 두번째

폼 유효성 검증에서 회원아이디를 검증할 때, 글자수만 검증을 했었는데, 알파벳과 숫자로만 아이디를 만들수 있다고 할 경우에는 어떻게 해야하는지 좀 찾아봤습니다.

validator에 검증을 위한 새로운 method 를 추가해서 사용이 가능하더군요.

룰을 설정해주던 부분에 아래와 같이 method를 추가하고, rules 와 messages 에도 수정을 해 줍시다.

$(document).ready(function() {         jQuery.validator.addMethod("alphanumeric", function(value, element) {                 return this.optional(element) || /^[a-zA-Z0-9]+$/.test(value);         });     $('#form_signup').validate({             rules: {                 user_id: { required: true, minlength: 3, maxlength:12, remote: {type: "post", url:"./check_user_id.php" }, alphanumeric: true },                 user_pass: { required: true },                 user_pass2: { equalTo: "#user_pass" },                 user_email: { required: true, email: true },             },             messages: {                 user_id: {                     required: "아이디를 입력하시오.",                     minlength: jQuery.format("아이디는 {0}자 이상"),                     maxlength: jQuery.format("아이디는 {0}자 이하"),                     remote : jQuery.format("이미 등록된 아이디입니다."),                     alphanumeric: jQuery.format("알파벳과 숫자만 사용가능합니다.") ....

파란색 부분을 잘 살펴보세요.

alphanumeric 이라는 이름으로 method 를 추가해주고, rules에 위와 같이 사용하도록 설정할 수 있습니다.

정규식이 등장했습니다. 할때마다 헤깔려서 찾아보는 것 중에 하나..정규식...언젠가 제대로 살펴볼 날이 오겠죠..

쉽...죠?