Questo designer di form è stato realizzato usando diversi plugin di jQuery e supporta le seguenti funzionalità:

• validazione lato client
• anteprima
• modifica sul posto di tutte le etichette e le descrizioni
• supporto per campi testo, aree di testo, elenchi a dsicesa, caselle di controllo e pulsanti radio
• diverse lingue (per ora solo italiano e inglese)

La persistenza del form generato dipende dall’applicativo che lo utilizza, l’idea è di salvare direttamente il codice X(H)TML generato tramite una chiamata AJAX al server.

Una carrellata di software analoghi è presente su Ajaxian

Potete provare il form builder all’indirizzo seguente:

http://elpaso.homelinux.org/formbuilder

');
* var html = t.run({id : 'div_one', class : 'my_class'});
*/
Template = function(tpl){
this.tpl = tpl;
this.tokens = [];
this.is_compiled = false;
this.compile = function(){
var re = /\{(\w+)\}/g;
var tok;
while((tok = re.exec(this.tpl)) != null) {
this.tokens.push(tok[1]);
}
this.is_compiled = true;
}
this.run = function(json){
if(!this.is_compiled){
this.compile();
}
if(json){
for (var jk = 0; jk < this.tokens.length; jk++){
var pattern = new RegExp('\{' + this.tokens[jk] + '\}', 'g');
this.tpl = this.tpl.replace(pattern, json[this.tokens[jk]]);
}
}
return this.tpl;
}
}