extjs - 如何限制用户在 Ext js 表单中使用空格键

Question

我是 ext js 的新手，我创建了一个包含用户名和密码字段的表单。我的问题是如何限制用户使用空格键，即使用户尝试使用空格键也不应该作为输入。

我的代码：

   Ext.create('Ext.form.Panel', {
        title:"LoginForm",
        width:"300",
        height:"200",
        items:[
                                    {
                                        xtype:"textfield",
                                        fieldLabel:"<font color='blue'><b>User Id</b></font>",
                                        allowBlank:false

                                    },
                                    {
                                        xtype:"textfield",
                                        fieldLabel:"<font color='blue'><b>Password</b></font>",
                                        inputType: 'password',
                                        allowBlank:false

                                    }
                ],
        buttons:[
                                     {
                                       text:"Submit",
                                       handler:function(){

                                       }
                                      },
                                     {
                                      text:"Cancel",
                                      handler:function(){

                                      }
                                      }
                ],
        renderTo:document.body


    });

Answer 1

嗨，我已经通过一些必要的更改修改了您的代码，并且它限制了空间。

   Ext.onReady(function(){

           Ext.apply(Ext.form.VTypes,{
            Nospace: function(v) {
                return /^[^\s]*$/i.test(v);
            },
            NospaceText: "Must not contain spaces",
            NospaceMask: /[^\s]/i
         });


        Ext.create('Ext.form.Panel', {
        title:"LoginForm",
        width:"300",
        height:"200",
        items:[
                                    {
                                        xtype:"textfield",
                                        fieldLabel:"<font color='blue'><b>User Id</b></font>",
                                        allowBlank:false,
                                        vtype: 'Nospace'

                                    },
                                    {
                                        xtype:"textfield",
                                        fieldLabel:"<font color='blue'><b>Password</b></font>",
                                        inputType: 'password',
                                        allowBlank:false,
                                        vtype: 'Nospace'

                                    }
                ],
        buttons:[
                                     {
                                       text:"Submit",
                                       handler:function(){

                                       }
                                      },
                                     {
                                      text:"Cancel",
                                      handler:function(){

                                      }
                                      }
                ],
        renderTo:document.body


    });


});