Question

我有这个animate.css库，还有一个动画摇动＆＃34;我想在表单输入不正确时使用表格验证，我是JQuery的新手，而我更喜欢使用JavaScript，因为我知道它更好。我尝试使用JQuery，但我只知道怎么做onclick而不是检查错误并在提交时出现错误时连续应用动画这就是我想用javascript做的事情

这就是我对JQuery的看法

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

这是我不完整的JavaScript，长话短说我想继续添加＆＃34;动画摇动＆＃34;表格无效时的课程

function nameSubmit(){ 

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

if (x == "x"){

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

Answer 1

我相信这就是你要找的......

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);
  }
}

我如何在Javascript（表单验证）中执行此JQuery

1 个答案: