javascript - Animating invalid element's nearest divs upon form submission -

I have the following code, which is & lt; Select & gt; selects elements that are not selected and save form submissions, if any.

  $ ("form"). Submit (function () selects {var count = 0; var, not value = $ ("select: visible"). (Function () {if (! This.value.length) {sel = this.name ; If (count == 0) {alert ('error' + sel); ++ count;}} return! This.value length;}); Return! Select withNoValue.length;});   
 Full code  
 
 what is unaffiliated  & lt;  & lt; Div & gt; It is possible to find ; Select & gt;  and 'flash' ( can be a pair of quick flash, or as long as the user does not click inside  
   Highlighting) What user should modify the entry?  
 I have tried:  
  $ (this) .clostest ("div"). Effects ("Highlights", {}, 3000);   
 Using this code does not work - Required  & lt; Div & gt;  does not flash and this code submits the form even if the selection is not set.  
 Any ideas how to do that?   
 
 
 You can add a CSS animation like the following:  
  .highlight {animation: blinking 1s linear 3; } @fromblink {from {box-shadow: 0 5px 0 # 000; } 50% {box-shadow: 0 0 px 0 000; } {Box-shadow: 0 5px 0 # 000; }}   
 using the following script:  
  $ ("form"). Submit (Highlight ") {$ (" Highlight "); Class (" Highlight "); Var selectsHoldValue = $ (" Select: Visible "). Filter (function () { Return! This.value;}) selects the closest ('div'). Hathow value. Lang;});   
 
  
 
 
  $ (" form "). Submit (function () {$ (".highlight"). RemoveClass ("(" Highlight ") selects heath = $ (" Select: visible "). Filter (function () {return! This.value; ); AddClass ("Highlight"); Return!;});   
 < Code> .highlight {-webkit-animation: blink 1s linear 3; -mms-animation: blinking 1s linear 3; -moz-animation: blinking 1s linear 3; animation: blinking 1s linear 3;} @ -webkit- Keyframes {{{box-shadow: 0 0 px 0 red;} 50% {box-shadow: 0 to 10px 0 red;} {box-shadow: 0 0 pi Red}}} @ -mads-kframe blink {from {box-shadow: 0 px 0 red}} 50% {box-shadow: 0 0 10px 0 red;} {box-shadow: 0 0 Px 0 red;}} @ -moz-keyframe {{from box-shadow: 0 px 0 red;} 50% {box-shadow: 0 0 10px 0 red;} {box-shadow: 0 px 0 red;}} @ keyframe blink {from {box-shadow: 0 5px 0 000 000}} 50% {box-shadow: 0 0 px 0 000 000}} {box-shadow: 0 5px 0 # 000; }} Div {margin: 10px;}   
  & lt; Script src = "https://ajax.googleapis.com/ajax/libs/JQuery/1.1.1/jquery.min.js" & gt; & Lt; / Script & gt; & Lt; Form method = "post" id = "form" name = "form" & gt; & Lt; Div & gt; & Lt; Period & gt; & Lt; P & gt; 1 & lt; / P & gt; & Lt; / Span & gt; & Lt; Br / & gt; Select: & lt; Br / & gt; & Lt; Select name = 'id1 []' multiple & gt; & Lt; Option value = '000' & gt; 000 & lt; / Options & gt; & Lt; Option value = '001' & gt; 001 & lt; / Options & gt; & Lt; Option value = '002' & gt; 002 & lt; / Options & gt; & Lt; / Select & gt; & Lt; / Div & gt; & Lt; Div & gt; & Lt; Period & gt; & Lt; P & gt; 2 & lt; / B & gt; & Lt; / Span & gt; & Lt; Br / & gt; Select: & lt; Br / & gt; & Lt; Select name = 'id2 []' multiple & gt; & Lt; Option value = '000' & gt; 000 & lt; / Options & gt; & Lt; Option value = '001' & gt; 001 & lt; / Options & gt; & Lt; Option value = '002' & gt; 002 & lt; / Options & gt; & Lt; / Select & gt; & Lt; / Div & gt; & Lt; P & gt; & Lt; Input type = "button" value = "add" id = "add" /> & Lt; Input type = 'submit' id = 'submit' value = 'save' / & gt; & Lt; / P & gt; & Lt; / Form & gt;