The Javascript package to validate datas .
whats new :

• isIP() become isSimpleIP() ^updated

  isSimpleIP() does not support IPv4 and IPv6

• isAlpha became isAlphaLatin() ^updated
• isNotEmpty() ^updated
• isEmpty() ^new
• isDecimal() ^updated
• isLetter() ^removed
• isEmail() become isEMailAddr() ^updated
• isURL ^updatedAccept "http://" , "https://" , "ftp://" and "ftps://"

For more details see Validate.js home page

Javascript Package to validate various data. It includes :

• hasValidChars(string, characters, caseSensitive)
• isIP(ip)
• isAlpha(string)
• isLetter(string)
• isNotEmpty(string)
• isIntegerInRange(number,min,max)
• isNum(number)
• isEmail(string)
• isZipCode(number,country)
• isDate(date,format)
• isMD5(string)
• isURL(string)
• isGuid(string)
• isISBN(string)
• isSSN(number)
• isDecimal(number)

For more details see Validate.js home page

Sépparer le code javascript du code HTML

au fait c'est pratique de faire sépparer le code javascript du code HTML comme c'est le cas pour le CSS.

dans cet exemple nous avons besoin des bibliothèques :

Prototype 1.5.0
event-selector
scriptaculous

sans event-selector :

<a id="monlien" href="#" onclick="new Effect.Appear('details',{duration: 0.2});return false">Afficher</a>
<div id="detail" style="display:none">
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</div>

maintenant avec event-selector :

<a id="monlien" href="#">Afficher</a>
<div id="detail" style="display:none">
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</div>
 
var regles = {
'#monlien a:click': function() {
new Effect.Appear('detail',{duration: 0.5});
}
}

et pour que tout cela marche il faut démarer event:Selector avec

eventSelectors.start(regles);

Créer un blog septième partie.
Ajout de nouvel article

Créer un blog sixième partie.
Afficher la liste des articles par categorie.