【jQuery】jquery.validate.jsで任意のclassに対して独自のバリデーションを設定する

例えば、validation-alphaというクラスが指定されたら半角英字のみ入力可能にしたいとき

JavaScript

$.validator.addMethod(
  "alpha",
  function (value, element) {
    return this.optional(element) || /^([a-zA-Z]+)$/.test(value);
  },
  "半角英字を入力してください"
);
$.validator.addClassRules(
  "validation-alpha", {
    alpha: true,
  }
);

$.validator.addMethod(

"alpha",

function (value, element) {

return this.optional(element) || /^([a-zA-Z]+)$/.test(value);

"半角英字を入力してください"

);

$.validator.addClassRules(

"validation-alpha", {

alpha: true,

}

);

HTML

<input type="text" class="validation-alpha" />

1	<input type="text" class="validation-alpha" />

関連記事