CustomValidator client validation function not working

weixing · #1 (**permalink**) March 31st, 2013, 01:37 PM

Hi,
After reading your book, I write a small website to applied what I learned, but somehow the client validation function is not running... only the server side is running.

Below is the source view of the page on the javascript:

<script type="text/javascript">
function validateCentreName(source, args)
{
var centreNameText = document.getElementById('cpMainContent_CentreNameT ext');

if (centreNameText.value != '')
{
args.isValid = true;
alert('No Error');
}
else
{
args.isValid = false;
alert('Error');
}
}
</script>

Below is the source view of the page on the custom validation control:
<input name="ctl00$cpMainContent$CentreNameText" type="text" maxlength="100" id="cpMainContent_CentreNameText" style="width:500px;" />
<span data-val-errormessage="Enter centre name" data-val-display="Dynamic" id="cpMainContent_CentreNameValidator" class="ErrorMessage" data-val="true" data-val-evaluationfunction="CustomValidatorEvaluateIsValid " data-val-clientvalidationfunction="validateCentreName" style="display:none;">*</span>

Any idea what went wrong?

Thanks and have a nice day.

Thermopyle · #2 (**permalink**) April 1st, 2013, 09:51 AM

Only thing I noticed on a quick glance was this:

var centreNameText = document.getElementById('cpMainContent_CentreNameT ext');

There's a space in CentreNameText at the end.

Imar · #3 (**permalink**) April 2nd, 2013, 04:01 AM

Same here; can't see anything wrong except for the space. If that doesn't fix it, can you post the relevant markup for the page?

Cheers,

Imar

Imar · #4 (**permalink**) April 2nd, 2013, 04:04 AM

Oh, I think I see it. Take a look at this:

Code:

args.isValid = true;

args.isValid = false;

This should be IsValid with a capital I.

Cheers,

Imar