extjs 文本框只能输入数字的限制

最新推荐文章于 2022-04-08 06:49:33 发布

原创最新推荐文章于 2022-04-08 06:49:33 发布 · 3.9k 阅读

1 ·

CC 4.0 BY-SA版权

本文详细介绍了如何在ExtJS框架中使用监听器来确保输入字段只接收数字输入。通过具体的代码示例，展示了如何设置textField的blur事件监听，以及如何使用正则表达式验证输入的有效性。如果输入不是数字，将显示警告消息并清除输入。

加入监听linstener,监听输入的是否的数字

{
               xtype : 'textfield',
               id: 'firstRegStorage',
               labelSeparator:'',
               labelAlign : 'right',
               fieldLabel : "<span>数量:</span>",
               labelWidth : 120,
               width:250,
               listeners:{'blur':function(){
                   var firstRegStorage = getVal('firstRegStorage');
                   if(firstRegStorage != null){
                       if(regPos.test(firstRegStorage) || regNeg.test(firstRegStorage)){
                           return true;
                       }else{
                           if(escape(firstRegStorage).indexOf("%u")!=-1 || firstRegStorage.match(/\D/)!=null){
                               myMsgBox('提示','请输入数字！');
                               setVal('','firstRegStorage');
                               return;
                           }
                       }

                   }
               }}
       }