jQuery Validation Plugin

Idag har jag hunnit prova jQuery Validation Plugin och jag måste säga att jag är ganska imponerad för att den är väldigt enkel att använda men ändå kraftfull i den bemärkelsen att det finns många inställningsmöjligheter. Jag har slängt ihop ett litet pseudokod exempel här under.

jQuery plugin: Validation

En artikel om jQuery plugin: Validation


<script type="text/javascript" src="/js/jquery.validate.js"></script>

<form action="/login.php" method="post" id="topLoginForm">
	<ul>
		<li><label for="username">e-post:</label> 
                    <input id="username" type="text" name="username" class="required email" /></li>
		<li><label for="password">lösenord:</label>
                     <input id="password" type="password" name="password" class="required" /></li>		
		<li><input type="submit" value="Logga in" /></li>	
	</ul>
</form>


<script type="text/javascript">

     //Svenska felmeddelanden
    $.extend($.validator.messages, {
    	  required: "Du har glömt att fylla i detta fält",
    	  email: "Fyll i en giltig e-postadress"    	  
    });
    
    $(document).ready(function(){
       $("#topLoginForm").validate();
    });           
	    
    
});

</script>

Publicerat av

Peter Lindblom

Mer info om mig finns på sidan http://plweb.se/om-peter-lindblom/

Kommentera

E-postadressen publiceras inte. Obligatoriska fält är märkta *