EXT表单数据验证：文本框、多行文本与日期时间控件

"EXT 表单提交与数据校验方法" 在EXTJS开发中，表单提交和数据校验是至关重要的部分，确保用户输入的数据既符合格式要求，又具有正确性。以下是一些关于EXT表单提交和数据校验的关键知识点： 1. 文本框输入控件（Ext.form.TextField） - `allowBlank`: 这个属性用于设定是否允许输入框为空。如果设为`false`，则表单验证时会检查输入是否为空，如果为空则会提示错误。 - `emptyText`: 当输入框为空时显示的提示文字。 - `maxLength`: 设置输入的最大字符数。 - `minLength`: 设置输入的最小字符数。 2. 多行文本输入控件（Ext.form.TextArea） - `width`: 定义文本区域的初始宽度。 - `grow`: 如果设为`true`，文本区域的高度会根据用户输入的内容动态调整。 - `preventScrollbars`: 当这个属性为`true`时，即使内容超出宽度也不会出现滚动条。 - 其他属性与`Ext.form.TextField`类似，如`allowBlank`、`emptyText`、`maxLength`和`minLength`。 3. 日期输入控件（Ext.form.DateField） - `format`: 用于定义日期的显示格式，例如`'y-m-d'`表示年-月-日的格式。 - `disabledDays`: 一个整数数组，用于指定一周中哪些天不能被选中。例如，`[0, 6]`会禁用周日和周六的选择。 4. 时间输入控件（Ext.form.TimeField） - 与日期输入控件类似，时间输入控件提供了选择时间的功能，但没有提供`format`属性来指定显示格式，通常会与日期输入控件一起使用，通过`Ext.Date`的相关函数处理时间格式。 - `disabledDays`属性同样适用于时间输入控件，但通常我们会用`disabledDates`来禁用特定日期的选择。 5. 表单提交与验证 - EXTJS的表单组件（`Ext.form.FormPanel`）提供了便捷的方法来处理表单的提交和验证。在提交前，可以调用`form.getForm().isValid()`来检查表单所有字段是否有效。 - 使用`form.getForm().submit()`可以将表单数据提交到服务器，提交过程会触发预定义的验证。 - 可以通过`action`属性设置表单的提交URL，或者通过`api`配置对象定义不同的提交和加载行为。 6. 自定义校验规则 - EXTJS允许开发者创建自定义的验证函数，通过`vtype`属性或`validator`方法实现。`vtype`是预定义的一系列验证类型，如邮箱、数字等，而`validator`则可以接收自定义的验证逻辑。 7. 表单事件监听 - 可以监听`beforesubmit`事件来在提交前进行额外的处理，如二次确认或自定义校验。 - `submit`事件在表单成功提交后触发，`error`事件则在验证失败时触发。 通过上述知识点，我们可以构建功能完善的EXTJS表单，实现有效的数据校验和提交，从而提高用户体验并确保数据的准确无误。在实际开发中，根据项目需求，还可以结合EXTJS的其他组件和功能进行扩展和定制。