Javascript 当输入无效时，在div上添加抖动效果

我试图在输入无效（或未填充）时使此div震动：

我试着自己用以下方法来做：

    .effect('shake');

有人能帮我吗

---

谢谢大家!

无论您想在什么地方调用它，都可以尝试使用它：

<div id="inputbox"></div>


$( document ).click(function() {
  $("#inputbox").effect( "shake" );
});

$（文档）。单击（函数（）{
$（“#输入框”）。效果（“抖动”）；
});

您只需要包含jQuery UI。在JSFiddle中，您需要在Frameworks&Extensions下的选项列表中选择

jqueryui

。假设这是在一个项目中，您将需要包括。

关于。你只需要

animate.css

<button id="shakebtn">shake</button>

<div id="shakediv">
this is shake test. shake demo on div. please click shake button.
</div>
<script>
$('#shakebtn').click(function(){
    $('#shakediv').removeClass().addClass('animated shake')
    .one('webkitAnimationEnd oAnimationEnd', function(){
        $(this).removeClass();
   });
});
</script>

抖动
这是震动测试。在div上进行摇动演示。请单击摇动按钮。
$（'#shakebtn'）。单击（函数（）{
$（'#shakediv'）.removeClass（）.addClass（'animated shake'））
.one（'webkitAnimationEnd-oAnimationEnd'，函数（）{
$（this.removeClass（）；
});
});

试试这个

包括Jquery UI JS并在文件中使用

shake（）

函数

<script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js" type="text/javascript">

---

这里有一些关于它的好的回应……检查一下这把小提琴。哦，我明白了。我是新的编码。非常感谢你！不错的非jquery ui解决方案，css文件现在是404