How to Remove Red Boundary on Numberfield

[zakif]

Dear all,

Ther is a form containing a numberfield as follow:

{
            xtype:'numberfield',
            fieldLabel:'Latitude',
            name:'lat',
            allowBlank:false,
            width : 150
 }

The problem is I oon't know why there is a red boundary on the field by default. Normally, the validation should be done after blur. I have add the validateOnBlur: true to ensure such action, but unfortunately, the problem is still remain.

How to fix that? I really appreciate any solutions.

Thanks in advance.

Best regards,
zaki

[zakif]

Okay, the solution is just by adding

preventMark : true

. And the red boundary is not displayed initially. But the invalid mark did not displayed at all, even when the field is empty. I've tried to adding

validateOnBlur: true

, but the invalid mark is still dissappeared.

How to fix that?

Thanks in advance.

[sword-it]

Hi!

Your code is working fine for me, see this:-
numberfield.png

Can you be more specific, i guess problem is in your form panel.
give your full form panel code and screen shots to better understanding your problem.