MDLのinputのエラーのjQueryプラグイン

MDLのinputのエラー

MDLのinputのエラー

Numberと書いてあるので123を入力する。

正常
じゃあabcと入力すると？

エラーになる。
MDLのinputのpatternを設定することでこのように数字だけ、あるいは文字列だけ
というふうに一定の条件を満たすと（満たせないと）エラーが発生するように出来ます。

MDLのinputのエラーのjQueryプラグイン

先程はpatternで設定していましたが、「jQueryでエラーを発生できるようにしたいな～」と思ってプラグインを作ってみました。

jquery.MDLInputError.js

$.fn.MDLInputError = function(msg){
  $(this).addClass('is-invalid').addClass('is-dirty');
  $('[class=mdl-textfield__error]',this).text(msg);
  return this;
}

こんな感じです。
ただ、MDLのinputの<div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label">を対象にするので、ちょっと不便。
またjQueryについて詳しくなったら試行錯誤してみます。
アドバイス求む（殴（勉強しろ