Finally i got sucess …
Inline snippet code is :-
var field = arguments[0], value = skuid.utils.decodeHTML(arguments[1]),
$ = skuid.$;
// alert(‘adsadacaca’);
// Run the default renderer
skuid.ui.fieldRenderers[field.metadata.displaytype]field.mode;
if (field.mode === ‘edit’) {
var errorMessageBox;
var addFieldError = function(errorMessage) {
if (!errorMessageBox) {
errorMessageBox = field.element.find('.field-error-messages');
if(!errorMessageBox.length) {
errorMessageBox = $('<div class="field-error-messages">');
field.element.append(errorMessageBox);
}
}
errorMessageBox.show();
field.element.addClass('my-required-field');
errorMessageBox.text(errorMessage);
// alert('adsadacaca');
};
var input = field.element.find(':input');
var MAX_VALUE = 10;
var inputValueIsBad = function(inputValue) {
var str = inputValue;
var n = str.length;
// alert(n);
return parseInt(n);
// alert('adsadacaca');
}
skuid.utils.delayInputCallback(input,function(newValue,oldValue){
var val = input.val();
if (inputValueIsBad(input.val())) {
var inptText =input.val() ;
var lengthText = inptText.length;
// alert(lengthText);
// Add an error
if(lengthText<=255){
var remainingCharacter = 255 - lengthText ;
addFieldError('Remaining Characters are '+remainingCharacter);
}
if(lengthText>255)
addFieldError('Hey! Dude You can not Enter more then '+'255'+' characters');
// addFieldError('Hey! Dude You can not Enter more then 255 characters');
// And revert the value
/* if (inputValueIsBad(oldValue)) oldValue = 999999999;
field.model.updateRow(field.row,field.id,oldValue);
input.val(oldValue); */
} else {
if (errorMessageBox) errorMessageBox.hide();
field.element.removeClass('my-required-field');
}
});
}
and CSS Used is
.field-error-messages { color: red;
padding: 2px;
}
.my-required-field textarea, .my-required-field input {
border: 1px solid #D00;
border-right: 4px solid #D00;
}