Posts about ‘Javascript’
Sep
6Live Validation - Custom Validator
6
Posted: 6th September 2007
Tags: AJAX, Javascript, Ruby on Rails, UI Design, Web Design
Posted in Javascript
Comments: 3 Comments »
Following my article earlier today on Live Validation, I have had a response from Alec regarding how to create a custom validator to use with his Live Validation framework.
Having asked if a custom Validator could be passed in the .Now() function Alec had the following to say:
In regards to passing a custom validation method into the .now method, it will not \’91create\’92 the validation method as such, but will accept one you have made, as long as your custom validation method takes a value as the first argument, and throws a Validate.Error exception when it fails (in order to pass on the failure message made easier by using Validate.fail), and true if it passes. For example:
- Validate.Example = function(value, paramsObj)\{
- // the following sets up default options and overides them with those passed in
- var params = Object.extend(\{
- failureMessage: “Default failre message goes in here!“
- \}, paramsObj || \{\});
- // here you would check the value you wish to validate (the one passed in), against some expected value
- // if it fails then use the Validate.fail method will throw an exception containing the failure message
- if(value != ‘My expected value‘) Validate.fail(params.failureMessage);
- // if the script reaches this far then no exception has been thrown, so the validation passed
- return true;
- \}
Alec clarified: “…if you take a look at some of the included validation methods they contain calls to some of the other ones internally, as they will throw exceptions and halt proceedings if they fail, so act in much the same way as the simple one we have above. Validate.Email is a simple example of this and can be easily adapted to make a reusable postcode format validation for instance.”
Following Alec’s example above, you can easily then use the validator using the following:
- Validate.now(Validate.Example(), value_to_validate, \{options\})
Using a custom validator opens up many possibilities such as making an AJAX call to the server to check the uniqueness of a username or password.
For more information:
Documentation for Validate.now()
Sep
6Live Validation - Cross Platform, Rails style validation on the client.
6
Posted: 6th September 2007
Tags: Javascript, php, Ruby on Rails, UI Design, Web Design, web development
Posted in Javascript, Ruby on Rails, Usability
Comments: 1 Comment »
I came across a great new validation library the other day which I wanted to share with you all. Live Validation by Alec Hill is a cross-platform client-side JavaScript validation framework which provides real-time feedback to the user as they type.
Read the rest of this article »
Apr
26Using ASP.Net / AJAX slide extender to create a color selector
26
Posted: 26th April 2007
Tags: .Net, AJAX, dotnet, Javascript
Posted in .Net, Javascript
Comments: 1 Comment »
Using the MS AJAX ASP.Net Extensions and the Ajax Control Toolkit (available through codeplex) You can easily make a colour selector using the Ajax Control Toolkits Slider Extender control.
The Slider Extender included in the Ajax control toolkit renders on the screen as a control that allows the user to click and drag to adjust a numerical value. Out of the box the slider extender is given an ASP:TextBox as it’s Target Control ID, the slider extender automatically hides these textboxes. We can use three slider controls to create a Red, Green and Blue sliders to set a colour. When working in RGB we can set a value of 0 to 255 for each of Red, Green or Blue. So the first thing we need is the three sliders on our HTML page.
Read the rest of this article »
Apr
20Excellent WYSIWYG HTML editor (all platforms)
20
Posted: 20th April 2007
Tags: component, dotnet, Misc..
Posted in .Net, Javascript, Ruby on Rails
Comments: 4 Comments »
I have been trying out several HTML editors for ASP.Net and thought I would share this excellent find that works with several platforms, including ASP.Net, ASP, PHP, Java etc. Up until now I was using FreeTextBox, however this was giving me grief in Firefox so decided that I needed to find a new solution.
FCKeditor is an excellent HTML WYSIWYG editor for ASP.Net as an ASP.Net control is available to use with the Javascript source files to allow you to interact (Get / Set text) etc programmatic ally as you can do with FreeTextBox. In addition to this, FCKEditor allows you to upload images and other files making adding images a breeze and also includes a spell-checker.
Read the rest of this article »
Mar
22JQuery Interface Autocomplete with .Net
22
Posted: 22nd March 2007
Tags: .Net, AJAX, dotnet, Javascript
Posted in .Net, Javascript
Comments: 1 Comment »
JQuery is an excellent easy to use Javascript Framework and has several excellent plugins, one of which is the Interface plug-in by Stefan Petre which provides lots of effects and features. One such feature is the autocomplete feature, which provides suggestions as the user types into a text box. Unfortunately the Interface plugin’s documentation does not cover how to implement the server side, which I will cover in this article.
Read the rest of this article »
