Moving form validation to client-side

Rails
1

Hi I know with javascript we can validate the input of a form on the
client, is there an easy way to specify this in rails? I am thinking
the javascript code getting generated using some sort of DSL?

–
Kind Regards,
Rajinder Y.

SafetyNet Test Driven Development
http://safetynet.devmentor.org

2

On Sun, Mar 4, 2012 at 5:08 PM, Dev G. [email protected] wrote:

Hi I know with javascript we can validate the input of a form on the
client, is there an easy way to specify this in rails? I am thinking
the javascript code getting generated using some sort of DSL?

While looking around I did mange to come across these two, however I
like the jQuery solution better

–
Kind Regards,
Rajinder Y.

SafetyNet Test Driven Development
http://safetynet.devmentor.org

3

On Sun, Mar 4, 2012 at 6:07 PM, Dev G. [email protected] wrote:

Live Validation - Validation as You Type!

Has anyone got the jquery validator working? I find it’s buggy, when
validating password, it’s very obtrusive! I get an error as soon as I
type, then it deletes what’s been typed in the password field, which
for me if 1 character!

–
Kind Regards,
Rajinder Y.

SafetyNet Test Driven Development
http://safetynet.devmentor.org

4

Have you seen this?

5

On Mon, Mar 5, 2012 at 7:14 AM, Mohamad El-Husseini
[email protected] wrote:

Have you seen
this?#263 Client Side Validations - RailsCasts

On Sunday, March 4, 2012 7:08:34 PM UTC-3, Rajinder Y. wrote:

Hi I know with javascript we can validate the input of a form on the
client, is there an easy way to specify this in rails? I am thinking
the javascript code getting generated using some sort of DSL?

Hi Mohamad, thanks I will take a look at this!

–
Kind Regards,
Rajinder Y.

SafetyNet Test Driven Development
http://safetynet.devmentor.org

6

jQuery(function(){
jQuery(’.ValidField’).each(function(){
jQuery(this).validate({
expression: “if (VAL) return true; else return false;”,
message: “Please enter the Required field”
});
});
jQuery(’.ValidInteger’).each(function(){
jQuery(this).validate({
expression: “if (VAL.match(/^[0-9]$/) && VAL) return true; else return
false;",
message: “Please enter a valid numeric value”
});
});
jQuery(".ValidDropdown").each(function(){
jQuery(this).validate({
expression: “if (VAL != ‘’) return true; else return false;”,
message: “Please make a selection”
});
});
//put * on valid fields
//jQuery(’.ValidField’).prev().prev().after(’’).css(‘color’,’#FF0000’);
//prev prev =>
jQuery(’.ValidField, .ValidInteger, .RequiredField,
.ValidDropdown,.ValidEmail’).prev().prev().after(’’);
// for valid emails fields
jQuery(".ValidEmail").each(function(){
jQuery(this).validate({
expression: "if
(VAL.match(/^[^\W][a-zA-Z0-9\\-\.]+([a-zA-Z0-9\\-\.]+)\@[a-zA-Z0-9_]+(\.[a-zA-Z0-9_]+)*\.[a-zA-Z]{2,4}$/))
return true; else return false;”,
message: “Please enter a valid Email ID”
});
});
//for valid date format
jQuery(".ValidDate").each(function(){
jQuery(this).validate({
expression: “if (!isValidDate(parseInt(VAL.split(’-’)[2]),
parseInt(VAL.split(’-’)[0]), parseInt(VAL.split(’-’)[1]))) return false;
else return true;”,
message: “Please enter a valid Date”
});
});
});

add this jquery in application.js in
app/assests/javascript/application.js
and add javascript.validation.js in javascript which i am sending to as
an
attachment.hope this will working for you.