Jquery code for date validation

Question

0.00/5 (No votes)

See more:

I need a code for validating date controls

Please find the html code which generated at runtime and original html attached:

This is my date control from generated html:

HTML

<input name="ctl00$PlaceHolderMain$SPWebPartManager$g_3c1ba10a_23ec_4ab5_b303_18f8bd7ee7e7$ctl00$gdvItinerary$ctl02$txtTravelDate" type="text" maxlength="10" id="ctl00_PlaceHolderMain_SPWebPartManager_g_3c1ba10a_23ec_4ab5_b303_18f8bd7ee7e7_ctl00_gdvItinerary_ctl02_txtTravelDate" style="width:110px;" />

And i want to do the validation when i leave this date control in the second row.

PS: A row will be added to the grid on a button click event which contains a date control, this date control should be validated with the date control in the previous row,

ie: Date in the first row should be less that date in the second row.

I have this pluggin :

http://www.position-relative.net/creation/formValidator/demos/demoValidators.html

Posted 25-Jun-12 19:07pm

Jaison Peter

Updated 25-Jun-12 20:57pm

bhagirathimfs

v3

Add a Solution

Comments

Sandeep Mewara 26-Jun-12 2:59am

Did you try yourself?

Jaison Peter 26-Jun-12 3:02am

see below posting

2 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Sandeep Mewara · Answer 1 · 2012-06-25T21:00:00

Solution 1

Start looking here:
Validate Date using jQuery[^]
Plugins/Validation/Methods/date[^]

Try!

Posted 25-Jun-12 21:00pm

Sandeep Mewara

Comments

Jaison Peter 26-Jun-12 3:15am

I dont want another pligin link..i want this particular plugin to work..

only the point is the validate fuction is not getting called why so?

Jaison Peter · Answer 2 · 2012-06-25T21:00:00

I am calling jquery from this following control
<label>
Checks that the start date is before the end date Please enter an end date ealier
than the start date

<label for="date1">
Start Date :
</label>
<input value="9/1/2009" class="validate[dateRange[grp1]]" type="text" id="date1" />
</label>
<label>
<label for="date2">
End Date :
</label>
<input value="3/18/1985" class="validate[dateRange[grp1]]" type="text" id="date2" />

validate[dateRange[grp1]]

Note* Both fields must have the same name
</label>

But it should take validation on click on the text box but its not.

See my Script tag :

<script type="text/javascript" src="/_layouts/js/jquery-1.7.2.min.js"></script>
<script src="/_layouts/js/jquery.validationEngine-en.js" type="text/javascript" charset="utf-8">
</script>
<script src="/_layouts/js/jquery.validationEngine.js" type="text/javascript" charset="utf-8">
</script>
<script>
jQuery(document).ready(function () {
// binds form submission and fields to the validation engine
jQuery("#formID").validationEngine();
});

function checkHELLO(field, rules, i, options) {
if (field.val() != "HELLO") {
// this allows to use i18 for the error msgs
return options.allrules.validate2fields.alertText;
}
}
</script>

Please see the files below :

http://www.position-relative.net/creation/formValidator/js/jquery.validationEngine.js
http://www.position-relative.net/creation/formValidator/js/languages/jquery.validationEngine-en.js