Jquery 震动事件以显示必填字段和表单字段？

好的，我有这个表单，我用onclick事件验证它，并在更改时提交

<form action="reservation.php" method="post">
                             <input class="date" id="from" name="from" type="text" value="<?php echo $from; ?>" onclick="document.getElementById('to').removeAttribute('disabled')" >   
                             <h5>Checkout</h5>
                             <input class="date" id="to" name="to" type="text" value="<?php echo $to; ?>" disabled onclick="document.getElementById('room_type').removeAttribute('disabled')">
                             <h5>Room</h5>
                             <select id="room_type" name="room_type" class="frm-field required" onChange='this.form.submit()' disabled>
                               <option value="" selected="selected" disabled="disabled">Select</option>
                                    <option value="Delux">Deluxe Rooms</option>       
                                    <option value="Executive">Executive Rooms</option>
                                    <option value="Suite">Suites</option>
                              </select>
                              <noscript><input type="submit" name="submit" value="Check"/></noscript>
                              </form>   

$（文档）。单击（函数（）{
$（“切换”）。效果（“抖动”）；
});
#切换{
宽度：100px；
高度：100px；
背景：#ccc；
}

震动演示
单击任意位置以晃动长方体

您希望为字段设置一些客户端验证，当验证失败时，触发您希望发生的事件，这将是错误的

$('#button').click(function() {
  $( "#input" ).effect( "shake" ).css( "border", "2px solid red" );
});

我怎样才能使它适合我的状态？我不太熟悉js，你能帮忙吗out@Seeker请尝试上面的代码和演示来解释非常基本的演示。谢谢！：）mate我仍然无法理解如何在sob sob上面使用我的表单。你需要在script标签下添加js！使用或只是这样做，但我的表单仍然没有发生任何变化。
。borderred{border:2px solid red}$（'#shakebtn'）。单击（function（）{$（'#to'）.removeClass（）.addClass（'animated shake bordered'）。one（'webkitAnimationEnd-oAnimationEnd'，function（）{$（this.removeClass（））；}）对于css解决方案，您需要在此处包含animation.css！