CSR Validation

CustomClientValidation.js

CustomClientValidation = {};
CustomClientValidation.EmailValidator = function() {
};
CustomClientValidation.EmailValidator.prototype.Validate = function(value) {
    value = SPClientTemplates.Utility.Trim(value);
    
	var re = /^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
    var hasError = !re.test(value);
	var errorMsg = hasError ? 'Invalid email address' : '';

    return new SPClientForms.ClientValidation.ValidationResult(hasError, errorMsg);
};


function EmailField_Edit(rCtx) {
    if (rCtx == null)
        return '';
    var formCtx = SPClientTemplates.Utility.GetFormContextForCurrentField(rCtx);

    if (formCtx == null || formCtx.fieldSchema == null)
        return '';

    var _value = formCtx.fieldValue != null ? formCtx.fieldValue : '';		
  
    if (_value.length > 0) {
        var validators = new SPClientForms.ClientValidation.ValidatorSet();
		validators.RegisterValidator(new CustomClientValidation.EmailValidator());
        formCtx.registerClientValidator(formCtx.fieldName, validators);
    }
   
    return SPFieldText_Edit(rCtx); //default renderer for Text field
}


(function () {
    var emailFieldCtx = {};
    emailFieldCtx.Templates = {};
    emailFieldCtx.Templates.Fields = {
        'Email': {
            'NewForm': EmailField_Edit,
            'EditForm': EmailField_Edit
        }
    };

    SPClientTemplates.TemplateManager.RegisterTemplateOverrides(emailFieldCtx);
})();