I was wondering why the following required field error message is showing when the page loads initially (before the submit button is pressed):
Here is the JavaScript/Jquery:
_addValidation = function(context) {
var w = $('#' + context.wrapperId);
var saveButton = $('a.update-user', w);
saveButton.evolutionValidation({
onValidated: function(isValid, buttonClicked, c) {
if (isValid)
saveButton.removeClass('disabled');
else {
//saveButton.addClass('disabled');
//$.telligent.evolution.notifications.show(context.formIncompleteText, {type:'error'});
}
},
onSuccessfulClick: function(e) {
$('.processing', saveButton.parent()).css("visibility", "visible");
saveButton.addClass('disabled');
_save(context);
if (context.registration) {
if (_getAccountType(context) != "Other")
_saveUploads(context);
var qstring = "email="+context.email+"&UserId="+context.userId+"&AccountType="+_getAccountType(context);
var encoded = window.btoa(qstring);
window.location.href = context.exitUrl + "?" + encoded;
}
else
window.location.href = context.exitUrl;
}
});
saveButton.evolutionValidation('addField',
context.bio,
{
required: true,
},
$(".bio").closest('.field-item').find('.field-item-validation'));
Here is the HTML:
<li class="field-item">
<label class="field-item-name" for="$core_v2_widget.UniqueId('DisplayName')">Bio/Company Info:</label>
<span class="field-item-input">
<textarea name="$core_v2_widget.UniqueId('UserBio')" id="$core_v2_widget.UniqueId('UserBio')" rows="8" cols="40" maxlength="10000" class="bio">$!core_v2_encoding.HtmlAttributeEncode($user.Bio())</textarea>
</span>
<span class="field-item-validation" style="display: none;"></span>
</li>