js et validation jquery ne fonctionne pas

mon code html est inférieurjs et validation jquery ne fonctionne pas

<script src="js/validate.js"></script> 
<label>FIRST NAME:</label> 
</td> 
<td> 
<input type="text" class="firstname" id="firstname" onKeyUp="firstname()" /> 
</td> 
<td> 
<label id="fn"></label>

et mon code js est inférieur

function firstname() 
{ 
    var nname=document.getElementById("firstname").value; 
    var l=nname.length > 3 ; 
    if(!l) 
    { 
    producePrompt("firstname should not be less than 4 characters","fn","red");  
    return false; 
    } 
    else 
    if(!nname.match(/^[a-zA-Z\s]*$/)) 
    { 
     producePrompt("incorrect name","fn","red"); 
     return false; 
    } 
    else 
    { 
    producePrompt("correct","fn","green"); 
    return true; 
    } 
} 

function producePrompt(message,promptlocation,color) 
{ 
    document.getElementById(promptlocation).innerHTML= message; 
    document.getElementById(promptlocation).style.color= color;  
}

mais mon code ne montre pas les messages ou ne valident pas correctement la js est sous un fichier nommé validate.js et html est dans index.html J'ai essayé les deux types (,) pour inclure le fichier js mais aucune validation n'a lieu

Source

2014-04-19 user3447573

Pouvez-vous mettre cela dans une js violon? Inclure aussi le validate.js – JohanVdR

désolé je n'ai pas entendu parler de js fiddle – user3447573

ICI EST LE LIEN http://jsfiddle.net/makk/6d6W4/ – user3447573

try thi s, fonctionne très bien pour moi (travaux de validation):

js:

function checkinput() 

{ 

    var nname=document.getElementById("firstname").value; 
    var l=nname.length > 3 ; 
if(!l) 
{ 
console.log("firstname should not be less than 4 characters","fn","red");  
return false; 
} 
else 
if(!nname.match(/^[a-zA-Z\s]*$/)) 
{ 
    console.log("incorrect name","fn","red"); 
    return false; 
} 
else 
{ 
    console.log("correct","fn","green"); 
return true; 
    } 
}

html:

<form> 

<label>FIRST NAME:</label> <input type="text" class="firstname" id="firstname" onblur="checkinput()" /> 

</form>

Source

2014-04-19 11:06:05 k961

<body> 
    // all your html contents 

    // load the scripts here 
<script src="js/validate.js"></script> 
</body>

<body> 
    // all your html contents 

    <script> 
    // javascript contents 
    </script> 

</body>

Source

2014-04-21 11:53:30

js et validation jquery ne fonctionne pas

Répondre

Questions connexes