Javascript（フォーム検証）でこのJQueryを実行するには

Question

私はこのanimate.cssライブラリを持っています。フォームが正しく入力されなかった場合はいつでもフォームの検証に使用したい "animated shake"クラスを使用します。私はJavaScriptを使ってそれをもっとうまくやっているので、それをやりたいと思っています。私はJQueryで試してみましたが、エラーをチェックしてアニメーションを継続的に適用する代わりにonclickを実行する方法を知っています。私はJavaScriptで何をしたいのですか？

これはJQueryフォームは、私は、これはあなたが探しているものであると考えてい

function nameSubmit(){ 

var x = document.getElementById("firstname").value; 

if (x == "x"){ 

     (document.getElementById("firstname").className = "text animated shake"); 
} 

Answer 1

有効でない場合

  $("#firstname").addClass("animated shake").one('webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend', 
      function(){ 
       $(this).removeClass('animated shake'); 
      }); 

は、これは私の不完全JavaScriptので、長い話は短い私は、「アニメーションシェイク」クラスを追加しておきたいです。 ..

function nameSubmit(){ 
    var el = document.getElementById("firstname"); 
    var x = el.value; 
    if (x == "x"){ 
      var origClasses = el.className; 
      el.className += " animated shake"; 
      setTimeout(function(){ 
      el.className = origClasses; 
      },1000); 
    } 
}