Javascript and form verification

Question

0.00/5 (No votes)

See more:

Hello ,

I created 4 scripts for a sign up page :
isEmpty - verifies if the entered value is empty
isPassword - verifies if the input is correct.
isMail - if the input is entered is correct.

And activate the registration button uppon the verification of the three scripts.

So my question is why the HTML button doesn t want to activate ?
My html is correct and properly includes this javascript.
I guess i am wrong using the form values.

JavaScript

function isEmpty(login)
{
    var isEmptyValide;

    var val = document.formulaire.login.value;

         if( val =="")
            {
              alert("Login est vide")
              return isEmptyValide = false;
            }
       else
            {
             return isEmptyValide = true;
            }
}

function isPassword(mdp) 
{
		var passwordValide;
		var a,b,c,d;
        if('A' <= a[i] && a[i] <= 'Z') // check if you have an uppercase
		    b++;
        if('a' <= a[i] && a[i] <= 'z') // check if you have a lowercase
            c++;
        if('0' <= a[i] && a[i] <= '8') // check if you have a numeric
            d++;
		if('0' <= a[i] && a[i] <= '8')
		
		if(b > 1 && c > 1 && d > 8)
			return passwordValide = true;
		else 
			return passwordValide = false;	
}
	
	
function isMail(email)
{
	var mail = document.formulaire.email.value;
	valideMail = false;
	var valide;
	
	for(var j=1;j<(mail.length);j++)
	{
		if(mail.charAt(j)=='@')
		{
			if(j<(mail.length-4))
			{
				for(var k=j;k<(mail.length-2);k++)
				{
					if(mail.charAt(k)=='.') 				
		            valideMail = true;
				}
			}
		}
	}
	
	if
	(valide==false)
	{ 
	 	alert("Veuillez saisir une adresse email valide.");
		valideMail = false;
	}
}
	 	
function valider()
{
	
	if(isEmptyValide == true && passwordValide == true && valideMail == true)
	{
		document.getElementById("sub").disabled = false; 
		
	}
	else 
	{
		document.getElementById("sub").disabled = true;
	}
				
}
}

Here is my HTML page :

HTML

<!DOCTYPE html>
<html lang = "fr">
<head>
	<meta charset="utf-8" />
	<title>Formulaire</title>
	<link rel="stylesheet" type="text/css" href="style.css" media="screen" />
	<script type="text/javascript" src="valider.js"></script>
</head>
  <body>
  <header> Sign UP </header>
  <section>
  <form name='monFormulaire' action=’/php/formulaire.php’ method=’post’ >
  <td><td><td>
  <table>
    <tr>
      <th>*</th>
      <td><p>Login :</p></td>
      <td><input type='text' name='login' id='login' size='22' ></td>
      <td><input type="image" src="img/ok.ico" id='login1' style="height:20px;visibility:hidden" />
        <input type="image" src="img/no.png" id='login0' style="height:20px;visibility:hidden" /></td>
    </tr>
    <tr>
      <th>*</th>
      <td><p>Mot de passe :</p></td>
      <td><input type='password' name='mdp' id='mdp' size='22' ></td>
      <td><input type="image" src="img/ok.ico" id='mdp1' style="height:20px;visibility:hidden" />
        <input type="image" src="img/no.png" id='mdp0' style="height:20px;visibility:hidden" /></td>
    </tr>
    <tr>
      <th>*</th>
      <td><p>eMail :</p></td>
      <td><input type='text' name='email' id='email' size='32' ></td>
      <td><input type="image" src="img/ok.ico" id='email1' style="height:20px;visibility:hidden" />
        <input type="image" src="img/no.png" id='email0' style="height:20px;visibility:hidden" /></td>
    </tr>
    <tr>
      <th></th>
      <td><p>Date de naissance :</p></td>
      <td><input type='date' value='' name='date' id='date' /></td>
      <td><input type="image" src="img/ok.ico" id='date1' style="height:20px;visibility:hidden" />
        <input type="image" src="img/no.png" id='date0' style="height:20px;visibility:hidden" /></td>
    </tr>
    <tr>
      <th></th>
      <td><p>Color : </p></td>
      <td><input type='color' name='color' id='color'></td>
      <td><input type="image" src="img/ok.ico" id='color1' style="height:20px;visibility:hidden" />
        <input type="image" src="img/no.png" id='color0' style="height:20px;visibility:hidden" /></td>
    </tr>
    <tr>
      <th></th>
      <td><p>Avatar : </p></td>
      <td><input type='file' name='file' id='file'></td>
      <td><input type="image" src="img/ok.ico" id='file1' style="height:20px;visibility:hidden" />
        <input type="image" src="img/no.png" id='file0' style="height:20px;visibility:hidden" /></td>
    </tr>
    <tr>
      <th></th>
      <td><p>Radio : </p></td>
      <td><input type='radio' name='r' id='ra1' value='b1'/>
        <input type='radio' name='r' id='ra2' value='b2'/>
        <input type='radio' name='r' id='ra3' value='b3'/>
        <input type='radio' name='r' id='ra4' value='b4'/>
        <input type='radio' name='r' id='ra5' value='b5'/></td>
      <td><input type="image" src="img/ok.ico" id='r1' style="height:20px;visibility:hidden" />
        <input type="image" src="img/no.png" id='r0' style="height:20px;visibility:hidden" /></td>
    </tr>
    <tr>
      <th></th>
      <td><p>Selection : </p></td>
      <td><select name='sel' id='sel'>
        <option value='London'> London </option>
        <option value='Paris'> Paris </option>
        <option value='Berlin'> Berlin </option>
        <option value='Budapest'> Budapest </option>
      </select></td>
      <td><input type="image" src="img/ok.ico" id='sel1' style="height:20px;visibility:hidden" />
        <input type="image" src="img/no.png" id='sel0' style="height:20px;visibility:hidden" /></td>
    </tr>
    <tr>
      <th></th>
      <td><p>Text : </p></td>
      <td><textarea cols='60' rows='8' name='txt' id='txt'></textarea></td>
      <td><input type="image" src="img/ok.ico" id='txt1' style="height:20px;visibility:hidden" />
        <input type="image" src="img/no.png" id='txt0' style="height:20px;visibility:hidden" /></td>
    </tr>
    <tr>
      <th></th>
       <td><p>Abonnement : </p></td>
      <td><input type='checkbox' name='chbox' id='chbox'></td>
      <td><input type="image" src="img/ok.ico" id='chbox1' style="height:20px;visibility:hidden" />
        <input type="image" src="img/no.png" id='chbox0' style="height:20px;visibility:hidden" /></td>
    </tr>
    <tr>
      <td colspan='4' align='center'>
        <!--bouton submit --><input type='submit' value='Envoyer' disabled='' name='sub' id='sub' >
        <input type='reset' name='raz' id='raz' ></td>
    </tr>
    <tr>
      <td colspan='2' ><p class='italique'>* champs obligatoires</p></td>
      <td colspan='2' ><div id='info+'></div></td>
    </tr>
  </table>
  <div align='center'> </div>
	</form>
  </section>
   <nav>
   </nav>  
  <footer align='center'> 	Voronitski.NET © Tous droits reserves 2014-2015</footer>
  </body>
 </html>

Posted 8-Dec-14 4:50am

voronitski.net

Updated 8-Dec-14 5:48am

v4

Add a Solution

Comments

Ishpreet Kaur 8-Dec-14 11:11am

Can you show your HTML?

voronitski.net 8-Dec-14 11:15am

yes

voronitski.net 8-Dec-14 11:15am

i have posted it with the script code

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ) · Answer 1 · 2014-12-08T05:34:00

Solution 1

There are many silly mistakes you have done. Let me give you some examples.

1. In function isPassword, there are undefined variables like a, b, c, d and passwordValide. Also this function does not return anything.
2. In function isMail, there is one undefined variable valide.

Do one thing. Use Developer Tool. See the console window. You will see all the errors. Rectify them one by one.

Posted 8-Dec-14 5:34am

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ)

Comments

voronitski.net 8-Dec-14 11:46am

Thank you ! I have corrected the errors.

voronitski.net 8-Dec-14 11:51am

Errors corrected and re-uploaded

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ) 8-Dec-14 12:47pm

Hey, you just declared all the variables and did not assign anything to them. Please review your code perfectly. I think you don't understand what exactly you are doing inside the functions. Please review very carefully.

voronitski.net 8-Dec-14 11:51am

P.S. i am using an IDE - Macromedia DreamWeaver

voronitski.net 8-Dec-14 13:03pm

what is wrong with it ?

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ) 8-Dec-14 13:10pm

I suggested you to check the developer tool console window. Errors are listed there. Please check. If you only define 'a' with no value, then what will be a[i]? Also you are getting parameter 'mdp', but it is used nowhere inside the function.

There are many errors in your code like the above. Please correct them.