웹 개발
폼 값 유효성 검증 jquery.validate.js - 두번째
똑똑한 영장류
2012. 12. 23. 19:38
폼 유효성 검증에서 회원아이디를 검증할 때, 글자수만 검증을 했었는데, 알파벳과 숫자로만 아이디를 만들수 있다고 할 경우에는 어떻게 해야하는지 좀 찾아봤습니다.
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에 위와 같이 사용하도록 설정할 수 있습니다.
정규식이 등장했습니다. 할때마다 헤깔려서 찾아보는 것 중에 하나..정규식...언젠가 제대로 살펴볼 날이 오겠죠..
쉽...죠?