Forums / Suggestions / dojo - Client-side validation

dojo - Client-side validation

Author Message

Betsy Gamrat

Monday 10 December 2007 5:40:08 pm

I've been working with dojo (http://dojotoolkit.org/) for about a month and a half, and I really like it. I think it would integrate well into the attribute_view_gui templates, probably as an extension.

The value would be in using dojo to handle client-side validation to offload the server. Here's a sample:

	<div class="element">
	<label for="sFirstname">First name</label>
	<input type="text" name="sFirstname" id="sFirstname" 
		value="First"
		dojoType="dijit.form.ValidationTextBox"
		regExp="[A-Za-z\ ]{1,20}"
		promptMessage="First name" 
                                errorMessage="The first name is from 1 to 20 characters"
                                invalidMessage="Please enter 1 to 20 characters"
		maxlength="20" />
	</div>

dojo adds attributes to the input tag, and with a fair amount of javascript (which can be cached by the browser), does a great job with validation, and helping the user enter the data correctly.

To test the data in the above input, the following javascript could be used:

sF=dojo.ById('sFirstname');
if (!sF.isValid())
  alert(sF.errorMessage);

dojo is available on AOL's CDN.

* Code may have errors

eZ debug

Timing: Jan 30 2025 00:18:55
Script start
Timing: Jan 30 2025 00:18:55
Module start 'content'
Timing: Jan 30 2025 00:18:55
Module end 'content'
Timing: Jan 30 2025 00:18:55
Script end

Main resources:

Total runtime0.2582 sec
Peak memory usage2,048.0000 KB
Database Queries141

Timing points:

CheckpointStart (sec)Duration (sec)Memory at start (KB)Memory used (KB)
Script start 0.00000.0079 587.9297180.8359
Module start 'content' 0.00790.0067 768.765693.8984
Module end 'content' 0.01460.2436 862.6641525.0781
Script end 0.2582  1,387.7422 

Time accumulators:

 Accumulator Duration (sec) Duration (%) Count Average (sec)
Ini load
Load cache0.00321.2424200.0002
Check MTime0.00120.4709200.0001
Mysql Total
Database connection0.00110.432210.0011
Mysqli_queries0.210981.67181410.0015
Looping result0.00110.44071390.0000
Template Total0.243394.210.2433
Template load0.00070.257110.0007
Template processing0.242693.960510.2426
Override
Cache load0.00050.182510.0005
Sytem overhead
Fetch class attribute can translate value0.00070.278410.0007
XML
Image XML parsing0.00020.078910.0002
General
dbfile0.01114.2964200.0006
String conversion0.00000.001530.0000
Note: percentages do not add up to 100% because some accumulators overlap

CSS/JS files loaded with "ezjscPacker" during request:

CacheTypePacklevelSourceFiles
CSS0extension/community/design/community/stylesheets/ext/jquery.autocomplete.css
extension/community_design/design/suncana/stylesheets/scrollbars.css
extension/community_design/design/suncana/stylesheets/tabs.css
extension/community_design/design/suncana/stylesheets/roadmap.css
extension/community_design/design/suncana/stylesheets/content.css
extension/community_design/design/suncana/stylesheets/star-rating.css
extension/community_design/design/suncana/stylesheets/syntax_and_custom_tags.css
extension/community_design/design/suncana/stylesheets/buttons.css
extension/community_design/design/suncana/stylesheets/tweetbox.css
extension/community_design/design/suncana/stylesheets/jquery.fancybox-1.3.4.css
extension/bcsmoothgallery/design/standard/stylesheets/magnific-popup.css
extension/sevenx/design/simple/stylesheets/star_rating.css
extension/sevenx/design/simple/stylesheets/libs/fontawesome/css/all.min.css
extension/sevenx/design/simple/stylesheets/main.v02.css
extension/sevenx/design/simple/stylesheets/main.v02.res.css
JS0extension/ezjscore/design/standard/lib/yui/3.17.2/build/yui/yui-min.js
extension/ezjscore/design/standard/javascript/jquery-3.7.0.min.js
extension/community_design/design/suncana/javascript/jquery.ui.core.min.js
extension/community_design/design/suncana/javascript/jquery.ui.widget.min.js
extension/community_design/design/suncana/javascript/jquery.easing.1.3.js
extension/community_design/design/suncana/javascript/jquery.ui.tabs.js
extension/community_design/design/suncana/javascript/jquery.hoverIntent.min.js
extension/community_design/design/suncana/javascript/jquery.popmenu.js
extension/community_design/design/suncana/javascript/jScrollPane.js
extension/community_design/design/suncana/javascript/jquery.mousewheel.js
extension/community_design/design/suncana/javascript/jquery.cycle.all.js
extension/sevenx/design/simple/javascript/jquery.scrollTo.js
extension/community_design/design/suncana/javascript/jquery.cookie.js
extension/community_design/design/suncana/javascript/ezstarrating_jquery.js
extension/community_design/design/suncana/javascript/jquery.initboxes.js
extension/community_design/design/suncana/javascript/app.js
extension/community_design/design/suncana/javascript/twitterwidget.js
extension/community_design/design/suncana/javascript/community.js
extension/community_design/design/suncana/javascript/roadmap.js
extension/community_design/design/suncana/javascript/ez.js
extension/community_design/design/suncana/javascript/ezshareevents.js
extension/sevenx/design/simple/javascript/main.js

Templates used to render the page:

UsageRequested templateTemplateTemplate loadedEditOverride
1pagelayout.tpl<No override>extension/sevenx/design/simple/templates/pagelayout.tplEdit templateOverride template
 Number of times templates used: 1
 Number of unique templates used: 1

Time used to render debug report: 0.0001 secs