Validation in jQuery and redirect new page with error fields

Question

How to validate my all fields by using jquery ?

if validation fails,i want to redirect to new page and list out all validation failed fields.If it is success i will do insert operation.

Example

<input class="textbox validate"type="text"> 

<input class="textbox validate"type="text"> 


//validate the all the field with having "validate" class
$(".validate").each

I am using MVC-3 but i want to do in custom j-query logic. I am a new person in j-query.

Thanks in advance !

Looks like you on the right track. Add a function for your .each to call that checks the validation and if that fails do your browser redirect — Scott Mitchell, Aug 10 '14 at 15:52

score 0 · Accepted Answer · edited May 23 '17 at 12:11

0

Assuming you have a single function for validation:

function validate (text) {
  ...
  return true; //or false
}

Then one thing you can do:

var validationErrors = [],
    errorPageURL = "BASE URL for your error page";

$(".validate").each(function (index, element) { 

  if (!validate(element.val()) {
    validationErrors.push($(element).id);
  }
});

if (validationErrors.length === 0) {
  //Do your input magic
} else {
  window.location.replace(errorPageURL + "?errors=" + encodeURI(JSON.stringify(validationErrors)));
}

A few reference links:

edited May 23 '17 at 12:11

Community

1
1

answered Aug 10 '14 at 16:34

mlr

886
6
15

1

Thanks mlr, I will try with yours and get back to you – SaravanaKumar T Aug 11 '14 at 07:47
This looks good. Sometimes I like to also push back the error as a jquery object and not just an id so I can add visual cues to the error like adding a red border around something without using another call that looks up the element to do something. – Scott Mitchell Aug 11 '14 at 12:49

Validation in jQuery and redirect new page with error fields

1 Answers1