Creating Password using following rules: 1. atleast 8 character, 2. atleast one digit, 3. atleast one symbol, 4. atleast one upper case, 5. atleast one lower case

Long Answer
Views 276

Answer:

<span class="pln"> 
</span><span class="dec">&lt;!DOCTYPE html&gt;</span><span class="pln">
</span><span class="tag">&lt;html&gt;</span><span class="pln">
</span><span class="tag">&lt;body&gt;</span><span class="pln">
    
  </span><span class="tag">&lt;input</span><span class="pln"> </span><span class="atn">type</span><span class="pun">=</span><span class="atv">"text"</span><span class="pln"> </span><span class="atn">id</span><span class="pun">=</span><span class="atv">"passwordField"</span><span class="tag">&gt;</span><span class="pln"> 
  </span><span class="tag">&lt;p</span><span class="pln"> </span><span class="atn">id</span><span class="pln"> </span><span class="pun">=</span><span class="atv">"demo"</span><span class="tag">&gt;</span><span class="pln"> </span><span class="tag">&lt;/p&gt;</span><span class="pln">
</span><span class="tag">&lt;button</span><span class="pln"> </span><span class="atn">onclick</span><span class="pun">=</span><span class="atv">"</span><span class="pln">validatePassword</span><span class="pun">()</span><span class="atv">"</span><span class="tag">&gt;</span><span class="pln"> submit </span><span class="tag">&lt;/button&gt;</span><span class="pln"> 


</span><span class="tag">&lt;script&gt;</span><span class="pln">    
</span><span class="kwd">function</span><span class="pln"> validatePassword</span><span class="pun">()</span><span class="pln"> </span><span class="pun">{</span><span class="pln">  
     </span><span class="kwd">var</span><span class="pln"> txt </span><span class="pun">=</span><span class="pln"> document</span><span class="pun">.</span><span class="pln">getElementById</span><span class="pun">(</span><span class="str">"passwordField"</span><span class="pun">).</span><span class="pln">value</span><span class="pun">;</span><span class="pln">
    </span><span class="com">// Check for password length 8</span><span class="pln">
    </span><span class="kwd">if</span><span class="pun">(</span><span class="pln">txt</span><span class="pun">.</span><span class="pln">length </span><span class="pun">&gt;=</span><span class="pln"> </span><span class="lit">8</span><span class="pun">){</span><span class="pln">
        </span><span class="kwd">var</span><span class="pln"> patt1 </span><span class="pun">=</span><span class="pln"> </span><span class="str">/[1-9]/</span><span class="pln">g</span><span class="pun">;</span><span class="pln">  
        </span><span class="com">// Check for Atleast One Digit</span><span class="pln">
        </span><span class="kwd">if</span><span class="pun">(</span><span class="pln">txt</span><span class="pun">.</span><span class="pln">match</span><span class="pun">(</span><span class="pln">patt1</span><span class="pun">))</span><span class="pln">
           </span><span class="pun">{</span><span class="pln">
               document</span><span class="pun">.</span><span class="pln">getElementById</span><span class="pun">(</span><span class="str">"demo"</span><span class="pun">).</span><span class="pln">innerHTML </span><span class="pun">=</span><span class="pln"> </span><span class="str">""</span><span class="pun">;</span><span class="pln">             
               </span><span class="com">// Check for special symbol</span><span class="pln">
               </span><span class="kwd">var</span><span class="pln"> patt8 </span><span class="pun">=</span><span class="pln"> </span><span class="str">/[!@#$%^&amp;*(),.?":{}|&lt;&gt;_]/</span><span class="pln">g</span><span class="pun">;</span><span class="pln"> 
               </span><span class="kwd">if</span><span class="pun">(</span><span class="pln">txt</span><span class="pun">.</span><span class="pln">match</span><span class="pun">(</span><span class="pln">patt8</span><span class="pun">))</span><span class="pln">
                 </span><span class="pun">{</span><span class="pln">
                  document</span><span class="pun">.</span><span class="pln">getElementById</span><span class="pun">(</span><span class="str">"demo"</span><span class="pun">).</span><span class="pln">innerHTML </span><span class="pun">=</span><span class="pln"> </span><span class="str">""</span><span class="pun">;</span><span class="pln"> 
                     </span><span class="kwd">var</span><span class="pln"> patt2 </span><span class="pun">=</span><span class="pln"> </span><span class="str">/[A-Za-z]/</span><span class="pln">g</span><span class="pun">;</span><span class="pln"> 
                </span><span class="com">// Check for Atleast One Character</span><span class="pln">
               </span><span class="kwd">if</span><span class="pun">(</span><span class="pln">txt</span><span class="pun">.</span><span class="pln">match</span><span class="pun">(</span><span class="pln">patt2</span><span class="pun">))</span><span class="pln">
                 </span><span class="pun">{</span><span class="pln">
                      document</span><span class="pun">.</span><span class="pln">getElementById</span><span class="pun">(</span><span class="str">"demo"</span><span class="pun">).</span><span class="pln">innerHTML </span><span class="pun">=</span><span class="pln"> </span><span class="str">""</span><span class="pun">;</span><span class="pln">                     
                      </span><span class="com">// Check for Atleast One Uppercase digit</span><span class="pln">
                     </span><span class="kwd">var</span><span class="pln"> patt3 </span><span class="pun">=</span><span class="pln"> </span><span class="str">/[A-Z]/</span><span class="pln">g</span><span class="pun">;</span><span class="pln"> 
                     </span><span class="kwd">if</span><span class="pun">(</span><span class="pln">txt</span><span class="pun">.</span><span class="pln">match</span><span class="pun">(</span><span class="pln">patt3</span><span class="pun">)){</span><span class="pln">
                          document</span><span class="pun">.</span><span class="pln">getElementById</span><span class="pun">(</span><span class="str">"demo"</span><span class="pun">).</span><span class="pln">innerHTML </span><span class="pun">=</span><span class="pln"> </span><span class="str">""</span><span class="pun">;</span><span class="pln"> 
                              </span><span class="com">// Check for Atleast One Lower digit</span><span class="pln">
                               </span><span class="kwd">var</span><span class="pln"> patt5 </span><span class="pun">=</span><span class="pln"> </span><span class="str">/[a-z]/</span><span class="pln">g</span><span class="pun">;</span><span class="pln"> 
                              </span><span class="kwd">if</span><span class="pun">(</span><span class="pln">txt</span><span class="pun">.</span><span class="pln">match</span><span class="pun">(</span><span class="pln">patt5</span><span class="pun">)){</span><span class="pln">
                               document</span><span class="pun">.</span><span class="pln">getElementById</span><span class="pun">(</span><span class="str">"demo"</span><span class="pun">).</span><span class="pln">innerHTML </span><span class="pun">=</span><span class="pln"> </span><span class="str">"Password Policy Matches"</span><span class="pun">;</span><span class="pln">                                
                                  
                             </span><span class="pun">}</span><span class="kwd">else</span><span class="pun">{</span><span class="pln">
                               document</span><span class="pun">.</span><span class="pln">getElementById</span><span class="pun">(</span><span class="str">"demo"</span><span class="pun">).</span><span class="pln">innerHTML </span><span class="pun">=</span><span class="pln"> </span><span class="str">"Atleast One Lower"</span><span class="pun">;</span><span class="pln"> 
                            </span><span class="pun">}</span><span class="pln">
                     </span><span class="pun">}</span><span class="kwd">else</span><span class="pun">{</span><span class="pln">
                         document</span><span class="pun">.</span><span class="pln">getElementById</span><span class="pun">(</span><span class="str">"demo"</span><span class="pun">).</span><span class="pln">innerHTML </span><span class="pun">=</span><span class="pln"> </span><span class="str">"Atleast One Upper"</span><span class="pun">;</span><span class="pln"> 
                     </span><span class="pun">}</span><span class="pln">
                     
                     </span><span class="com">// Check for Atleast One Lower digit</span><span class="pln">
                     </span><span class="kwd">var</span><span class="pln"> patt4 </span><span class="pun">=</span><span class="pln"> </span><span class="str">/[a-z]/</span><span class="pln">g</span><span class="pun">;</span><span class="pln"> 
                     </span><span class="kwd">if</span><span class="pun">(</span><span class="pln">txt</span><span class="pun">.</span><span class="pln">match</span><span class="pun">(</span><span class="pln">patt4</span><span class="pun">)){</span><span class="pln">
                          document</span><span class="pun">.</span><span class="pln">getElementById</span><span class="pun">(</span><span class="str">"demo"</span><span class="pun">).</span><span class="pln">innerHTML </span><span class="pun">=</span><span class="pln"> </span><span class="str">""</span><span class="pun">;</span><span class="pln"> 
                                 </span><span class="com">// check for atleast upper digit</span><span class="pln">
                                    </span><span class="kwd">var</span><span class="pln"> patt6 </span><span class="pun">=</span><span class="pln"> </span><span class="str">/[A-Z]/</span><span class="pln">g</span><span class="pun">;</span><span class="pln"> 
                                    </span><span class="kwd">if</span><span class="pun">(</span><span class="pln">txt</span><span class="pun">.</span><span class="pln">match</span><span class="pun">(</span><span class="pln">patt6</span><span class="pun">)){</span><span class="pln">
                                      document</span><span class="pun">.</span><span class="pln">getElementById</span><span class="pun">(</span><span class="str">"demo"</span><span class="pun">).</span><span class="pln">innerHTML </span><span class="pun">=</span><span class="pln"> </span><span class="str">"Password Policy Matches"</span><span class="pun">;</span><span class="pln">     
                                    </span><span class="pun">}</span><span class="kwd">else</span><span class="pun">{</span><span class="pln">
                              document</span><span class="pun">.</span><span class="pln">getElementById</span><span class="pun">(</span><span class="str">"demo"</span><span class="pun">).</span><span class="pln">innerHTML </span><span class="pun">=</span><span class="pln"> </span><span class="str">"Atleast One Upper"</span><span class="pun">;</span><span class="pln"> 
                     </span><span class="pun">}</span><span class="pln">
                     </span><span class="pun">}</span><span class="kwd">else</span><span class="pun">{</span><span class="pln">
                         document</span><span class="pun">.</span><span class="pln">getElementById</span><span class="pun">(</span><span class="str">"demo"</span><span class="pun">).</span><span class="pln">innerHTML </span><span class="pun">=</span><span class="pln"> </span><span class="str">"Atleast One Lower"</span><span class="pun">;</span><span class="pln"> 
                     </span><span class="pun">}</span><span class="pln">
                 </span><span class="pun">}</span><span class="pln">
                 </span><span class="kwd">else</span><span class="pun">{</span><span class="pln">
                   document</span><span class="pun">.</span><span class="pln">getElementById</span><span class="pun">(</span><span class="str">"demo"</span><span class="pun">).</span><span class="pln">innerHTML </span><span class="pun">=</span><span class="pln"> </span><span class="str">"Atleast One lower and one Upper Character"</span><span class="pun">;</span><span class="pln"> 
               </span><span class="pun">}</span><span class="pln"> 
               
                 </span><span class="pun">}</span><span class="pln">
               </span><span class="kwd">else</span><span class="pun">{</span><span class="pln">
                document</span><span class="pun">.</span><span class="pln">getElementById</span><span class="pun">(</span><span class="str">"demo"</span><span class="pun">).</span><span class="pln">innerHTML </span><span class="pun">=</span><span class="pln"> </span><span class="str">"Atleast One Symbol"</span><span class="pun">;</span><span class="pln"> 
           </span><span class="pun">}</span><span class="pln">    
               
           </span><span class="pun">}</span><span class="pln">
           </span><span class="kwd">else</span><span class="pun">{</span><span class="pln">
            document</span><span class="pun">.</span><span class="pln">getElementById</span><span class="pun">(</span><span class="str">"demo"</span><span class="pun">).</span><span class="pln">innerHTML </span><span class="pun">=</span><span class="pln"> </span><span class="str">"Atleast One Digit"</span><span class="pun">;</span><span class="pln"> 
           </span><span class="pun">}</span><span class="pln">
     </span><span class="pun">}</span><span class="kwd">else</span><span class="pln">
     </span><span class="pun">{</span><span class="pln">
      document</span><span class="pun">.</span><span class="pln">getElementById</span><span class="pun">(</span><span class="str">"demo"</span><span class="pun">).</span><span class="pln">innerHTML </span><span class="pun">=</span><span class="pln"> </span><span class="str">"Password not less than 8"</span><span class="pun">;</span><span class="pln"> 
    </span><span class="pun">}</span><span class="pln"> 
</span><span class="pun">}</span><span class="pln"> 
</span><span class="tag">&lt;/script&gt;</span><span class="pln">  
    
    
</span><span class="tag">&lt;/body&gt;</span><span class="pln">
</span><span class="tag">&lt;/html&gt;</span><span class="pln">
    
</span>

Related Articles:

This section is dedicated exclusively to Questions & Answers. For an in-depth exploration of JavaScript, click the links and dive deeper into this subject.

Go to Question List

Join Our telegram group to ask Questions

Click below button to join our groups.

Ask Question - CSE
Programming Language - PDF