Posts Tagged ‘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 »
Sep
3Let the migration begin…
3
Posted: 3rd September 2007
Tags: george, Javascript, jon, Ruby on Rails, UI Design, Web Design, web development
Posted in Misc..
Comments: 1 Comment »
With my new focus on Rails, I have decided to move my blog to the excellent Mephisto Blog, from now on I will also be focusing my articles a little more towards not only Ruby on Rails but also Web Development, Web Design, UI Design and Javascript.
I have also used this opportunity to streamline the design of the site, there were a few things that didn’t work quite as they should on the old site and will have been improved along with a revamp of the colour scheme.
As I write this www.miletbaker.com still points to the old blog until all the content has been migrated and I have configured Apache to relay requests to my old urls to their new location. Once this is complete that will also be migrated across.
Also look out for the Jive (Javascript Input Validation Engine) for Prototype which I am currently working on with George which will feature real time inline validation as well as validation calls via Ajax and a Rails plug in. Check out Live Validation.
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
24Tip: ASP.Net/AJAX - Javascript in Label/Textbox Text
24
Posted: 24th April 2007
Tags: .Net, AJAX, dotnet, Javascript, tips
Posted in .Net
Comments: No Comments »
Hi All,
I though I would share a problem that I had (and resolved) using ASP.Net AJAX. The problem occurs if you want to output some Javascript to a Textbox (for example: for a user to copy and paste into their own page), which is nested in an UpdatePanel. AJAX returns an HTTP 500 error.
The reason seems to be that the Javascript in the textbox interferes with the javascript generated by MS AJAX to handle the partial page updates of the UpdatePanel.
So if like me you need to output some Javascript to the page for a user to cut and paste, a work around is to use a literal control and the HTMLEncode function of the Server object as follows:
- Literal1.Text = Server.HTMLEncode(“<Script src=’example.js’ type=’text/javascript’></script>“)
I hope that helps anyone that has been puzzled by this error.
Mar
29Tim Shankarian’s MS Ajax Autocomplete Patch (and how to use)
29
Posted: 29th March 2007
Tags: .Net, AJAX, dotnet, Javascript
Posted in .Net
Comments: No Comments »
Contrary to the advise I have received from several fellow developers (and never being one to miss a challenge), I have decided to ignore all advise and attempt to use the Microsoft Ajax framework with my current .Net project for TktIt.com. The MS Ajax Frawework is extended to provide functionality such as Autocomplete etc using the AjaxToolKit. Although a lot of these are excellent, (like the pop-up calendar control) the Autocomplete feature is poor compared to many others out there. However, thanks to Tim Shankarian, it has got a little better!
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 »
