Note that there are some explanatory texts on larger screens.

plurals
  1. POhow to correctly validate a form using javascript .?
    primarykey
    data
    text
    <p>I am trying to validate a form using javascript, Here is my code</p> <pre><code> &lt;script type="text/javascript"&gt; function prevSubmit(){ var oForm = document.forms[0]; var pass1= oForm.elements["passwd"]; var pass2=oForm.elements["repasswd"]; var flag = 1; if (pass1.value.length&gt;16) { document.getElementById("passError").innerHTML = "password may atleast 16 chars"; flag = 0; } else document.getElementById("passError").innerHTML = ""; if(pass1.value&lt;=16 &amp;&amp; pass1.value!=pass2.value) { document.getElementById("passError").innerHTML = "password must be same"; flag = 0; } else document.getElementById("passError").innerHTML = ""; return flag; } &lt;/script&gt; </code></pre> <p>and here is my form element,</p> <pre><code> &lt;form id="registration_form" action="registration.php" method="post" onsubmit="return prevSubmit();"&gt; &lt;p&gt; &lt;label&gt;Name&lt;/label&gt; &lt;input type="text" name="name"/&gt; &lt;span id="NameError"&gt;&lt;/span&gt; &lt;/p&gt; &lt;p&gt; &lt;label&gt;Email&lt;/label&gt; &lt;input type="text" name="email"/&gt; &lt;span id="emailError"&gt;&lt;/span&gt; &lt;/p&gt; &lt;p&gt; &lt;label&gt;Password&lt;/label&gt; &lt;input type="password" name="passwd"/&gt; &lt;span id="passError"&gt;&lt;/span&gt; &lt;/p&gt; &lt;p&gt; &lt;label&gt;Repeat Password&lt;/label&gt; &lt;input type="password" name="repasswd"/&gt; &lt;/p&gt; &lt;input type="submit" class="button" value="sign up"/&gt; &lt;/form&gt; </code></pre> <p>what I am trying to accomplish is check the password, if no match or greater than 16, then show the message and prevent submission, but its not working, Why?</p>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload