Redirect after validation done jQuery
<p>I want to redirect to another page after all the fields in the form are validated. I am doing this in CSS. I want to trigger a redirect method after validation in CSS.</p>

<p>I saw in net we can make use:</p>

<pre><code>window.location = "https://www.asdfg.com" //Something like this

&lt;style&gt;
div.selectBox
{position:relative;display:inline-block;cursor:default;
text-align:left;lineheight:30px;clear:both;color:#888;}
span.selected
{width:167px;text-indent:20px;border:1px solid #ccc;border-right:none;border-top-left-radius:5px;
 border-bottom-left-radius:5px;background:#FFFFFF;overflow:hidden;}
 span.selectArrow
 {width:30px;border:1px solid #FFFFFF;border-top-right-radius:4px;border-bottom- right-radius:4px;
 text-align:center;font-size:20px;-webkit-user-select: none;-khtml-user-select: none;
-moz-user-select: none; -o-user-select: none;user-select: none;background:#FFFFFF;}

span.selectArrow,span.selected
</code></pre>

<p>{position:relative;float:left;height:30px;z-index:1;}</p>

<pre><code>div.selectOptions
{position:absolute;top:28px;left:0;width:198px;border:1px solid #ccc;border-bottom-      right-radius:5px;
border-bottom-left-radius:5px;overflow:hidden;background:#FFFFFF;padding-top:2px;display:none;}

span.selectOption
{display:block;width:80%;line-height:20px;padding:5px 10%;}

span.selectOption:hover
{color:#ffffff; background:#4096ee;} 
&lt;/style&gt;

&lt;body&gt;
&lt;h1&gt;Registration form&lt;/h1&gt;
&lt;form id=payment&gt;
&lt;fieldset&gt;
&lt;legend&gt;Account Information&lt;/legend&gt;
&lt;ol&gt; 
&lt;li&gt;&lt;input id=name name=name size="40" type=text placeholder="User Name" required autofocus&gt;&lt;/li&gt;
&lt;li&gt;&lt;input id=email name=email type=email placeholder="Password" required&gt;&lt;/li&gt; 
&lt;li&gt;&lt;input id=phone name=phone type=tel placeholder="Verify Password" required&gt;&lt;/li&gt; 
&lt;/ol&gt;
&lt;/fieldset&gt; 

&lt;fieldset&gt;
&lt;legend&gt;User Details&lt;/legend&gt; 
 &lt;ol&gt; 
 &lt;li&gt;&lt;input id=name name=name type=text placeholder="First Name" required autofocus&gt;   &lt;/li&gt;
 &lt;li&gt;&lt;input id=name name=name type=text placeholder="Last Name" required autofocus&gt;&lt;/li&gt;
 &lt;li&gt;&lt;input id=name name=name type=text placeholder="Email ID" required autofocus&gt;&lt;/li&gt;
 &lt;li&gt;&lt;input id=email name=email type=email placeholder="Company" required&gt;&lt;/li&gt; 
 &lt;li&gt;&lt;input id=phone name=phone type=tel placeholder="Telephone No" required&gt;&lt;/li&gt; 
</code></pre>

<p><li>
     
      Select Country
      
      [Select Country]
      India
      Singapore
      US
      
     
     </li>
     
      </p>

<pre><code> &lt;/div&gt;
 &lt;/li&gt;
 &lt;li&gt; 
&lt;button type=submit&gt;Register&lt;/button&gt;
&lt;/fieldset&gt; 
&lt;/form&gt; 
&lt;/section&gt;
&lt;/div&gt;
&lt;/body&gt;
</code></pre>
