`
babydeed
  • 浏览: 238807 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

Ext 解决文本框 输入空格 提交按钮还是灰色

    博客分类：
  • Ext
EXTJavaScriptprototypeHTML 
阅读更多

        <script type="text/javascript">
Ext.onReady(function(){
 Ext.QuickTips.init();
    Ext.form.Field.prototype.msgTarget = 'side';// 提示的方式，枚举值为"qtip","title","under","side", 

 function notNull(text){
         if(this.allowBlank==false && Ext.util.Format.trim(text).length==0){
              return false;      
        }else{       
             return true;
       }
 }

    var form = new Ext.form.FormPanel({
        defaultType: 'textfield',
        labelAlign: 'right',
        title: 'form',
        labelWidth: 50,
        frame:true,
        width: 220,
        monitorValid:true,
        items: [{
            fieldLabel: '文本框',
            allowBlank:false,
            blankText:"该项必须输入",
            invalidText :"该项必须输入",
            validator:notNull
        }],
        buttons: [{
            text: '提交',

            formBind:true,
            handler: function() {
                            alert("即将提交");
              });
            }
        }]
    });
    form.render("form");

});
        </script>
    </head>
    <body>
        <div id="form"></div>
    </body>
</html>

  • 大小: 4.3 KB
分享到：
| Extjs学习笔记之继承和事件基础
评论
2 楼 babydeed 2010-05-31  
sddwmm 写道
你这样台麻烦了

有何简单方法 请说一下
1 楼 sddwmm 2010-05-31  
你这样台麻烦了
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    EXT dojochina文本框示例Ext.form.TextField.rar

    在本示例中，"EXT dojochina文本框示例Ext.form.TextField.rar"是一个压缩包，包含了EXT框架中关于`Ext.form.TextField`组件的示例代码。 `Ext.form.TextField`是EXT框架中的一个核心组件，用于创建基本的输入字段...

    给文本框添加灰色提示文字

    目前，主要有两种解决方案被多数网站采用，以避免上述问题：一种是使用两个输入框的方法，类似蚂蜂窝的做法，通过隐藏显示来实现提示信息的切换；另一种是使用label标签与输入框层叠显示提示文字，类似点点网的做法...

    javascript动态增加文本框

    这个功能常用于表单提交、数据输入等场景，比如创建多行文本输入、购物车添加商品等。下面将详细介绍如何使用JavaScript来实现这一功能。 首先，我们需要一个HTML基础结构，包含一个按钮和一个初始的文本框。HTML...

    Extjs如何获取文本框的值

    Extjs如何获取文本框的值Extjs如何获取文本框的值Extjs如何获取文本框的值Extjs如何获取文本框的值Extjs如何获取文本框的值Extjs如何获取文本框的值

    EXT提交服务器的三种方式

    在EXT中，有三种主要的方式提交数据到服务器，这些方法主要涉及到前端与后端之间的交互，用于处理用户输入的数据并将其发送到服务器进行处理。以下是EXT提交服务器的三种方式的详细说明： 1. **EXT的Form表单AJAX...

    EXT 按钮属性对应图片

    EXT按钮拥有丰富的属性和配置选项，使得开发者可以自定义其外观、行为以及交互效果。以下是对EXT按钮属性的详细解释，并结合图片进行对应说明： 1. `text`：这是按钮上显示的文本。例如，`text: '点击我'` 将在按钮...

    EXT dojoChina按钮控件示例 Ext.Button.rar

    EXT dojoChina按钮控件示例 Ext.Button.rarEXT dojoChina按钮控件示例 Ext.Button.rarEXT dojoChina按钮控件示例 Ext.Button.rarEXT dojoChina按钮控件示例 Ext.Button.rar

    ext_表单提交_数据校验

    #### 一、文本框输入控件（Ext.form.TextField） 在Ext JS框架中，`Ext.form.TextField`是一种用于收集用户输入的基本控件，它提供了丰富的配置选项来实现数据校验。例如，在示例中，通过设置`allowBlank: false`，...

    根据文本框输入的内容匹配gridpanel中的数据，查找到第一项就break

    这个场景描述了当用户在文本框中输入文字时，系统会实时或者在用户提交后搜索GridPanel中的数据，并且一旦找到匹配的第一项，就停止搜索，以提高效率。 1. **文本框事件监听**： - 在UI设计中，可以使用`onChange`...

    文本框自动清除

    禁止文本框输入指定字符并自动清除禁止文本框输入指定字符并自动清除

    Ext+JSP实现数据提交

    `Ext`提供了表单组件，可以方便地创建输入框、按钮等元素，并且支持事件监听，如点击提交按钮时触发的事件。 2. **数据序列化**：当用户提交表单时，`Ext`会自动将表单数据序列化为JSON或URL编码格式，准备发送到...

    用JQuery实用的EXT按钮

    这篇博客"用JQuery实用的EXT按钮"可能详细介绍了如何利用EXT按钮插件来增强网页的用户界面。 首先，EXT按钮的核心概念在于提供了一种方法来创建具有多种交互功能的按钮，如点击事件、图标、下拉菜单等。在HTML页面...

    js在文本框通过日历选择日期的控件

    根据提供的文件信息，我们可以深入解析并提取出与“js在文本框通过日历选择日期的控件”相关的几个核心知识点： ### 1. **日期选择器的基本概念** - **定义**：日期选择器是一种用户界面组件，允许用户从一个可视...

    ExtJs 文本框后附件单位

    // 重写 Ext.form.TextField 的 onRender 方法以支持在文本框后添加单位名称 Ext.override(Ext.form.TextField, { unitText: '', // 单位文本 onRender: function (ct, position) { // 调用父类的 onRender 方法 ...

    EXT dojochina ExtAjax表单提交 L9.rar

    在EXTJS中，表单（Ext.form.Panel）是数据输入和展示的主要组件。它包含了各种表单字段，如文本框、复选框、下拉列表等，以及按钮和验证机制。当用户填写完表单并点击提交按钮时，我们通常会使用`Ext.Ajax`对象来...

    EXT异步提交FORM表单

    ### EXT异步提交FORM表单知识点详解 #### 一、EXT异步提交FORM表单概述 在现代Web应用开发中，异步提交表单是一种常见的技术手段，它能够提升用户体验，减少页面刷新带来的数据丢失风险，并能有效提高系统的响应...

    Ext组件描述，各个组件含义

    - **主要用途**：适用于需要在文本框旁边添加一个按钮以触发某个动作的场景。 通过以上介绍可以看出，ExtJS 提供了丰富的 UI 组件库，涵盖了从基础到高级的各种类型。这些组件不仅提供了强大的功能，还具有高度可...

    Ext 按钮图片

    这个压缩包“Ext按钮图片”显然与ExtJS的用户界面元素有关，尤其是涉及到按钮和菜单的图形设计。 ExtJS的组件库中，按钮（Button）是一个基础且关键的元素，它用于执行特定的操作或导航到其他页面。这些16x16像素的...

    ext 表单提交

    标题中的“ext 表单提交”指的是Ext JS框架中关于表单数据提交的功能。Ext JS是一个流行的JavaScript库，用于构建富客户端Web应用。它提供了一套完整的组件模型，包括各种UI元素，如表格、面板、表单等。在Ext JS中...

    ExtJS弹出密码输入框的js文件

    在本案例中，我们关注的是`Ext.MessageBox`，这是一个内置的对话框组件，通常用于显示消息、警告、确认或获取用户输入。 原生的`Ext.MessageBox.prompt`方法允许开发者创建一个简单的输入对话框，向用户请求文本...

Magicbox
Global site tag (gtag.js) - Google Analytics