maxlength for textbox

[jaimi]

Why is that not working:

$(function() {
 
  $("#HOM_NAME").textbox({
   required: true,
 
 }).prop('maxLength', 6);
 
 
})//function

So far, I didn't get any helping answer on my latest posts.
I still can not figure aut a solution to set the maximum length of a textfield.

Regards
Jaimi

[yamilbracho]

Try

$(function() {
  $("#HOM_NAME").textbox({
   required: true,
 }).attr("maxlength", 6);
})//function

HTH,
Yamil

[jaimi]

I tried this allready, doesn'r work.
Any other ideas?

[jarry]

Please set the 'length' validation type to the textbox.

Code:

$("#HOM_NAME").textbox({
  required: true,
  validType: 'length[0,6]'
});

[jaimi]

one can still put in more than 6 characters within the field. It is not valid then, but it is not the same as the maxlength attribute.

I solved it by creating my own textfield not using the jquery-textbox.

May you put this on the list for the next release.

Regards.
Jaimi

[jarry]

If you really want to set the 'maxlength' attribute, you must get the inputing box first.

Code:

$("#HOM_NAME").textbox('textbox').attr('maxlength',6);

[Opan Mustopah]

try this,

Code:

$.extend($.fn.textbox.defaults.rules, {
		maxLength: { 
			validator: function(value, param){
				return value.length <= param[0];
			},
			message: 'Maximum characters allowed only {0}'
		}
	});

it validate if value on input cannot more than param, and offcourse users cannot save data
hope it helps

[rkpunjal]

This solution actually gets the textbox to behave as per the 'maxlength' standards (not allowing to key-in more characters)

Code:

$('#first-name').textbox();
$('#first-name').textbox('textbox').attr('maxlength', $('#first-name').attr("maxlength"));

or you can take a generic approach like this:

Code:

	$(function(){
			$("input[class*='easyui-textbox'][maxlength][id]").each(function (i, elt) { // iterate all jeasyui textboxes having maxlength attribute and id attribute
				// alert("found : " + elt.id );
				$('#' + elt.id).textbox();
				$('#' + elt.id).textbox('textbox').attr('maxlength', $('#' + elt.id).attr("maxlength"));
				
			});
	});

[azizkhani]

This solution actually gets the textbox to behave as per the 'maxlength' standards (not allowing to key-in more characters)

Code:

$('#first-name').textbox();
$('#first-name').textbox('textbox').attr('maxlength', $('#first-name').attr("maxlength"));

or you can take a generic approach like this:

Code:

	$(function(){
			$("input[class*='easyui-textbox'][maxlength][id]").each(function (i, elt) { // iterate all jeasyui textboxes having maxlength attribute and id attribute
				// alert("found : " + elt.id );
				$('#' + elt.id).textbox();
				$('#' + elt.id).textbox('textbox').attr('maxlength', $('#' + elt.id).attr("maxlength"));
				
			});
	});

why just have id ?