bedd6cc2f5
Includes a modification of validation logic which performs min and max length checks on optional fields in addition to required fields.
168 lines
6.4 KiB
JavaScript
168 lines
6.4 KiB
JavaScript
var edx = edx || {};
|
|
|
|
(function( $, _, _s, gettext ) {
|
|
'use strict';
|
|
|
|
/* Mix non-conflicting functions from underscore.string
|
|
* (all but include, contains, and reverse) into the
|
|
* Underscore namespace. In practice, this mixin is done
|
|
* by the access view, but doing it here helps keep the
|
|
* utility self-contained.
|
|
*/
|
|
_.mixin( _.str.exports() );
|
|
|
|
edx.utils = edx.utils || {};
|
|
|
|
var utils = (function(){
|
|
var _fn = {
|
|
validate: {
|
|
|
|
msg: {
|
|
email: '<li><%- gettext("The email address you\'ve provided is invalid.") %></li>',
|
|
min: '<li><%- _.sprintf(gettext("%(field)s must have at least %(count)d characters"), context) %></li>',
|
|
max: '<li><%- _.sprintf(gettext("%(field)s can only contain up to %(count)d characters"), context) %></li>',
|
|
required: '<li><%- _.sprintf(gettext("%(field)s is required"), context) %></li>',
|
|
custom: '<li><%= content %></li>'
|
|
},
|
|
|
|
field: function( el ) {
|
|
var $el = $(el),
|
|
required = true,
|
|
min = true,
|
|
max = true,
|
|
email = true,
|
|
response = {},
|
|
isBlank = _fn.validate.isBlank( $el );
|
|
|
|
if ( _fn.validate.isRequired( $el ) ) {
|
|
if ( isBlank ) {
|
|
required = false;
|
|
} else {
|
|
min = _fn.validate.str.minlength( $el );
|
|
max = _fn.validate.str.maxlength( $el );
|
|
email = _fn.validate.email.valid( $el );
|
|
}
|
|
} else if ( !isBlank ) {
|
|
min = _fn.validate.str.minlength( $el );
|
|
max = _fn.validate.str.maxlength( $el );
|
|
email = _fn.validate.email.valid( $el );
|
|
}
|
|
|
|
response.isValid = required && min && max && email;
|
|
|
|
if ( !response.isValid ) {
|
|
response.message = _fn.validate.getMessage( $el, {
|
|
required: required,
|
|
min: min,
|
|
max: max,
|
|
email: email
|
|
});
|
|
}
|
|
|
|
return response;
|
|
},
|
|
|
|
str: {
|
|
minlength: function( $el ) {
|
|
var min = $el.attr('minlength') || 0;
|
|
|
|
return min <= $el.val().length;
|
|
},
|
|
|
|
maxlength: function( $el ) {
|
|
var max = $el.attr('maxlength') || false;
|
|
|
|
return ( !!max ) ? max >= $el.val().length : true;
|
|
},
|
|
|
|
capitalizeFirstLetter: function( str ) {
|
|
str = str.replace('_', ' ');
|
|
|
|
return str.charAt(0).toUpperCase() + str.slice(1);
|
|
}
|
|
},
|
|
|
|
isRequired: function( $el ) {
|
|
return $el.attr('required');
|
|
},
|
|
|
|
isBlank: function( $el ) {
|
|
return ( $el.attr('type') === 'checkbox' ) ? !$el.prop('checked') : !$el.val();
|
|
},
|
|
|
|
email: {
|
|
// This is the same regex used to validate email addresses in Django 1.4
|
|
regex: new RegExp(
|
|
[
|
|
'(^[-!#$%&\'*+/=?^_`{}|~0-9A-Z]+(\\.[-!#$%&\'*+/=?^_`{}|~0-9A-Z]+)*',
|
|
'|^"([\\001-\\010\\013\\014\\016-\\037!#-\\[\\]-\\177]|\\\\[\\001-\\011\\013\\014\\016-\\177])*"',
|
|
')@((?:[A-Z0-9](?:[A-Z0-9-]{0,61}[A-Z0-9])?\\.)+[A-Z]{2,6}\\.?$)',
|
|
'|\\[(25[0-5]|2[0-4]\\d|[0-1]?\\d?\\d)(\\.(25[0-5]|2[0-4]\\d|[0-1]?\\d?\\d)){3}\\]$'
|
|
].join(''), 'i'
|
|
),
|
|
|
|
valid: function( $el ) {
|
|
return $el.attr('type') === 'email' ? _fn.validate.email.format( $el.val() ) : true;
|
|
},
|
|
|
|
format: function( str ) {
|
|
return _fn.validate.email.regex.test( str );
|
|
}
|
|
},
|
|
|
|
getMessage: function( $el, tests ) {
|
|
var txt = [],
|
|
tpl,
|
|
name,
|
|
obj,
|
|
customMsg;
|
|
|
|
_.each( tests, function( value, key ) {
|
|
if ( !value ) {
|
|
name = $el.attr('name');
|
|
customMsg = $el.data('errormsg-' + key) || false;
|
|
|
|
// If the field has a custom error msg attached, use it
|
|
if ( customMsg ) {
|
|
tpl = _fn.validate.msg.custom;
|
|
|
|
obj = {
|
|
content: customMsg
|
|
};
|
|
} else {
|
|
tpl = _fn.validate.msg[key];
|
|
|
|
obj = {
|
|
// We pass the context object to the template so that
|
|
// we can perform variable interpolation using sprintf
|
|
context: {
|
|
field: _fn.validate.str.capitalizeFirstLetter( name )
|
|
}
|
|
};
|
|
|
|
if ( key === 'min' ) {
|
|
obj.context.count = parseInt( $el.attr('minlength'), 10 );
|
|
} else if ( key === 'max' ) {
|
|
obj.context.count = parseInt( $el.attr('maxlength'), 10 );
|
|
}
|
|
}
|
|
|
|
txt.push( _.template( tpl, obj ) );
|
|
}
|
|
});
|
|
|
|
return txt.join(' ');
|
|
}
|
|
}
|
|
};
|
|
|
|
return {
|
|
validate: _fn.validate.field
|
|
};
|
|
|
|
})();
|
|
|
|
edx.utils.validate = utils.validate;
|
|
|
|
})( jQuery, _, _.str, gettext );
|