Search code examples
extjsextjs4

How to give message when user try to type alphabets in Number using extjs


I want to send message when user try to enter alphabets in number filed of extjs. My code is as follow:

txtDecDHR = Ext.create('Ext.form.field.Number', {
    width: 320,
    hideTrigger: true,
    keyNavEnabled: false,
    mouseWheelEnabled: false,
    value:'10.69',
    labelWidth: 100,
    style: {
            marginLeft: '10px',
                marginTop: '2px'
        },
    fieldLabel: 'Number*',
});

please help me for same

;


Solution

  • Please find the example.

    Ext.onReady(function(){

    txtDecDHR = Ext.create('Ext.form.field.Number',

    {

    width: 320,
    
    hideTrigger: true,
    
    enableKeyEvents:true,
    
    keyNavEnabled: false,
    
    mouseWheelEnabled: false,
    
     listeners:{
    
        keyup:function( field, event ){
    
               var keyNum=parseInt(event.getCharCode());
    
               if(keyNum>47 && keyNum <58 || keyNum>95 && keyNum<106 ){
    
                   alert("Number");
    
                 }
                    else{
                   alert("alphabet or special character");
    
    
                   }
    
              }
    
        },
    
    value:'10.69',
    
    renderTo:document.body,
    
    labelWidth: 100,
    
    style: {
    
            marginLeft: '10px',
    
                marginTop: '2px'
    
        },
    
    fieldLabel: 'Number*'
    

    });

    });